/**
 * @todo - remember our button cursor click events should be the same as a button,
 *         but without messing the lineheight
 *         but not padding the container
 *
 * @todo fromStylesToObj
 * @todo convert to styled
 *
 * @spec - home viewall - semibold 17px
 */
import { styled } from 'styleh-components';
import { Button } from '../BaseButtonAtom';
export const StyledFlatButton = styled(Button) `
  font: $font-button-semi;
  color: var(--color-blue);
  display: inline-flex;
  cursor: pointer;
  /* because button - need to split button to "square" :s */
  margin: 0;
  height: initial;
  width: initial;
  ${(props) => (props.isDisabled || props.state === 'disabled') &&
    styled.css `
      cursor: not-allowed;
      color: var(--color-light-grey);
      opacity: 0.9;
    `}
  ${(props) => props.type === 'button' &&
    styled.css `
      background-color: var(--color-blue);
    `}
`;
//# sourceMappingURL=styled.js.map