import type { ButtonProps } from "./type";
// 按钮组件
export const Component: React.FC<ButtonProps> = (props) => {
  const sizes = {
    small: { padding: '4px 8px', fontSize: 12 },
    middle: { padding: '8px 16px', fontSize: 14 },
    large: { padding: '12px 24px', fontSize: 16 }
  };

  return (
    <button style={{ 
      ...sizes[props.size || 'middle'],
      backgroundColor: '#1890ff',
      color: 'white',
      border: 'none',
      borderRadius: '4px',
      cursor: 'pointer'
    }}>
      {props.text}
    </button>
  );
};