27 lines
664 B
TypeScript
27 lines
664 B
TypeScript
import { ReactNode, CSSProperties } from "react";
|
|
|
|
export type ButtonProps = {
|
|
children: ReactNode;
|
|
onClick?: () => void;
|
|
style?: CSSProperties;
|
|
};
|
|
|
|
export const Button = ({ children, onClick, style }: ButtonProps) => {
|
|
return (
|
|
<button
|
|
onClick={onClick}
|
|
style={{
|
|
padding: '10px 20px',
|
|
backgroundColor: '#3182CE',
|
|
color: '#FFF',
|
|
border: 'none',
|
|
borderRadius: '4px',
|
|
cursor: 'pointer',
|
|
fontSize: '16px',
|
|
...style,
|
|
}}
|
|
>
|
|
{children}
|
|
</button>
|
|
);
|
|
}; |