29 lines
837 B
TypeScript
29 lines
837 B
TypeScript
import { FunctionComponent } from 'preact';
|
|
|
|
const baseClass = `rounded px-4 py-1.75 font-bold text-sm fit-content cursor-pointer`;
|
|
|
|
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;
|
|
}> = ({ type, label, className = '', onClick }) => {
|
|
const buttonClass = type === 'primary' ? primaryClass : normalClass;
|
|
return (
|
|
<button
|
|
className={`${buttonClass} ${className}`}
|
|
onClick={(e) => {
|
|
onClick();
|
|
e.preventDefault();
|
|
}}
|
|
>
|
|
{label}
|
|
</button>
|
|
);
|
|
};
|