import {
  Button as ButtonStyle,
  ButtonStyleProps
} from '../../styles/components/shared/Button.style';

export interface ButtonProps extends ButtonStyleProps {
  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
  type: 'button' | 'submit';
  disabled?: boolean;
  loading?: boolean;
  className?: string;
  id?: string;
}

const Button: React.FC<ButtonProps> = props => (
  <ButtonStyle {...props}>
    {props.children}
  </ButtonStyle>
);

export { Button };