{"size": 844, "ext": "js", "max_stars_repo_path": "themes/theme-ios11/components/Picker/components/Button/style.js", "max_stars_repo_name": "fossabot/pwa", "max_stars_repo_stars_event_min_datetime": "2018-03-07T20:08:18.000Z", "max_stars_repo_stars_event_max_datetime": "2021-07-01T10:12:27.000Z", "max_issues_repo_path": "themes/theme-ios11/components/Picker/components/Button/style.js", "max_issues_repo_name": "fossabot/pwa", "max_issues_repo_issues_event_min_datetime": "2018-04-18T10:35:12.000Z", "max_issues_repo_issues_event_max_datetime": "2021-08-14T07:41:23.000Z", "max_forks_repo_path": "themes/theme-ios11/components/Picker/components/Button/style.js", "max_forks_repo_name": "fossabot/pwa", "max_forks_repo_forks_event_min_datetime": "2018-05-15T12:53:47.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-21T06:30:04.000Z"}
{"max_stars_count": 35, "max_issues_count": 435, "max_forks_count": 10, "avg_line_length": 17.9574468085, "max_line_length": 66, "alphanum_fraction": 0.6421800948}
import { css } from 'glamor';
import { themeConfig } from '@shopgate/pwa-common/helpers/config';

const { colors, variables } = themeConfig;

const buttonDefaults = {
  display: 'block',
  width: '100%',
  padding: `${variables.gap.small}px ${variables.gap.big}px`,
  fontFamily: 'inherit',
  textAlign: 'left',
  lineHeight: 1.2,
  outline: 'none',
  background: colors.shade8,
};

const button = css({
  ...buttonDefaults,
}).toString();

const buttonDisabled = css({
  ...buttonDefaults,
  color: colors.shade4,
}).toString();

const label = css({
  display: 'block',
  fontWeight: 500,
  ':not(:only-child)': {
    fontWeight: 400,
    fontSize: '0.75rem',
    marginBottom: 4,
  },
}).toString();

const value = css({
  display: 'block',
  fontWeight: 500,
}).toString();

export default {
  button,
  buttonDisabled,
  label,
  value,
};
