24 lines
581 B
TypeScript
24 lines
581 B
TypeScript
|
import { ReactNode } from "react";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
className?: string;
|
||
|
|
onClick: () => any;
|
||
|
|
children?: ReactNode;
|
||
|
|
}
|
||
|
|
|
||
|
|
const Button = ({ className, onClick, children }: Props) => {
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
onClick={onClick}
|
||
|
|
className={
|
||
|
|
"m-3 my-0 inline-block rounded-lg bg-secondary-500 p-3 text-center align-middle font-bold text-primary-500 drop-shadow-md transition-all duration-300 hover:bg-primary-500 hover:text-secondary-500 hover:drop-shadow-xl " +
|
||
|
|
className
|
||
|
|
}
|
||
|
|
>
|
||
|
|
{children}{" "}
|
||
|
|
</button>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Button;
|