mirror of
https://github.com/logos-messaging/examples.waku.org.git
synced 2026-01-03 21:33:08 +00:00
19 lines
650 B
TypeScript
19 lines
650 B
TypeScript
|
|
type ButtonProps = {
|
||
|
|
children: any;
|
||
|
|
className?: string;
|
||
|
|
onClick?: (e?: any) => void;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Button: React.FunctionComponent<ButtonProps> = (props) => {
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
onClick={props.onClick}
|
||
|
|
className={`${
|
||
|
|
props.className || ""
|
||
|
|
} py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700`}
|
||
|
|
>
|
||
|
|
{props.children}
|
||
|
|
</button>
|
||
|
|
);
|
||
|
|
};
|