5b18fc7146
* feat: add "sync" pane to preferences -> account tab * chore: configure eslint to add new line at the end of file and remove trailing spaces * chore: add newline at the end of file
33 lines
974 B
TypeScript
33 lines
974 B
TypeScript
import { FunctionComponent } from 'preact';
|
|
|
|
const baseClass = `rounded px-4 py-1.75 font-bold text-sm fit-content`;
|
|
|
|
const normalClass = `${baseClass} bg-default color-text border-solid border-gray-300 border-1 \
|
|
focus:bg-contrast hover:bg-contrast`;
|
|
const primaryClass = `${baseClass} no-border bg-info color-info-contrast hover:brightness-130 \
|
|
focus:brightness-130`;
|
|
|
|
export const Button: FunctionComponent<{
|
|
className?: string;
|
|
type: 'normal' | 'primary';
|
|
label: string;
|
|
onClick: () => void;
|
|
disabled?: boolean;
|
|
}> = ({ type, label, className = '', onClick, disabled = false }) => {
|
|
const buttonClass = type === 'primary' ? primaryClass : normalClass;
|
|
const cursorClass = disabled ? 'cursor-default' : 'cursor-pointer';
|
|
|
|
return (
|
|
<button
|
|
className={`${buttonClass} ${cursorClass} ${className}`}
|
|
onClick={(e) => {
|
|
onClick();
|
|
e.preventDefault();
|
|
}}
|
|
disabled={disabled}
|
|
>
|
|
{label}
|
|
</button>
|
|
);
|
|
};
|