mirror of
https://github.com/idanoo/autobrr
synced 2025-07-27 18:59:13 +00:00
42 lines
No EOL
1.2 KiB
TypeScript
42 lines
No EOL
1.2 KiB
TypeScript
/*
|
|
* Copyright (c) 2021 - 2023, Ludvig Lundgren and the autobrr contributors.
|
|
* SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
import React from "react";
|
|
import { classNames } from "@utils";
|
|
|
|
interface ButtonProps {
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
disabled?: boolean;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
export const Button = ({ children, className, disabled, onClick }: ButtonProps) => (
|
|
<button
|
|
type="button"
|
|
className={classNames(
|
|
className ?? "",
|
|
"relative inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-800 text-sm font-medium rounded-md text-gray-700 dark:text-gray-500 bg-white dark:bg-gray-800 hover:bg-gray-50"
|
|
)}
|
|
disabled={disabled}
|
|
onClick={onClick}
|
|
>
|
|
{children}
|
|
</button>
|
|
);
|
|
|
|
export const PageButton = ({ children, className, disabled, onClick }: ButtonProps) => (
|
|
<button
|
|
type="button"
|
|
className={classNames(
|
|
className ?? "",
|
|
"cursor-pointer inline-flex items-center p-1.5 border border-gray-300 dark:border-gray-700 text-sm font-medium text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-600"
|
|
)}
|
|
disabled={disabled}
|
|
onClick={onClick}
|
|
>
|
|
{children}
|
|
</button>
|
|
); |