import { styled } from 'styleh-components';
import Button from '../BaseButtonAtom';
const BlueButton = styled(Button).attrs({
    className: 'button blue-button blue',
}) `
  padding: var(--spacing-medium);
  text-align: center;
  border-radius: 4px;
  font-weight: 900;
  margin: 0;
  cursor: pointer;
  background-color: var(--color-blue);
  color: var(--color-pure-white);
  ${(props) => props.center &&
    styled.css `
      align-items: center;
      justify-content: center;
    `}
  ${(props) => props.isLowPriority &&
    styled.css `
      background-color: var(--color-light-grey);
    `}
  ${(props) => (props.isDisabled || props.state === 'disabled') &&
    styled.css `
      background-color: var(--color-light-grey);
      color: var(--color-pure-white);
      pointer-events: none;
      cursor: not-allowed;
    `}
`;
export { BlueButton };
export default BlueButton;
//# sourceMappingURL=styled.js.map