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>
    );
};