// @flow
import PropTypes from 'prop-types';
import type { SpaceProps } from '../../../mixins/spacing';
import { spacePropTypes } from '../../../mixins/spacing';
import type { ContainerProps } from '../../../mixins/container';
import { containerPropTypes } from '../../../mixins/container';

export type TertiaryButtonProps = SpaceProps &
  ContainerProps & {
    onClick?: (SyntheticEvent<HTMLButtonElement>) => void,
    href?: ?string,
    disabled?: boolean,
    hideBorder?: boolean,
    target?: string,
  };

export const tertiaryButtonPropTypes = {
  ...spacePropTypes,
  ...containerPropTypes,
  onClick: PropTypes.func,
  href: PropTypes.string,
  disabled: PropTypes.bool,
  hideBorder: PropTypes.bool,
  target: PropTypes.string,
};
