import type { FC } from 'react';
import type { ButtonProps } from '.';

import Button from '.';

export interface PrimaryButtonProps extends Omit<ButtonProps, 'isInverted'> {}

const OutlineButton: FC<PrimaryButtonProps> = (buttonProps) => (
  <Button
    {...buttonProps}
    textProps={{
      weight: 'medium',
      ...buttonProps.textProps,
    }}
    style={{
      border: '1px solid #999',
      borderRadius: '0.45rem',
      backgroundColor: 'transparent',
      ...buttonProps.style,
    }}
  />
);

export default OutlineButton;