el.xwx.moe/components/SubmitButton.tsx
2023-12-18 06:28:42 +08:00

30 lines
588 B
TypeScript

type Props = {
onClick?: Function;
label: string;
loading: boolean;
className?: string;
type?: "button" | "submit" | "reset" | undefined;
};
export default function SubmitButton({
onClick,
label,
loading,
className,
type,
}: Props) {
return (
<button
type={type ? type : undefined}
className={`btn btn-accent dark:border-violet-400 text-white tracking-wider w-fit flex items-center gap-2 ${
className || ""
}`}
onClick={() => {
if (!loading && onClick) onClick();
}}
>
<p>{label}</p>
</button>
);
}