import React, { FC } from 'react';
import { Button } from '@easyv/antd';

const MyButton: FC<{ styles?: React.CSSProperties; onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void }> = ({
  children,
  styles,
  onClick
}) => {
  return (
    <Button
      onClick={onClick}
      type="primary"
      style={{
        width: 160,
        height: 32,
        fontSize: 12,
        fontFamily: 'PingFangSC-Regular',
        borderRadius: 2,
        ...styles
      }}>
      {children}
    </Button>
  );
};

export default MyButton;
