import { errorColor, fontSize1, fontPrimary } from 'src/styling/variables'

const LABEL_WIDTH = 150

export default {
  title: {
    margin: [[0, 0, 12, 0]]
  },
  subtitle: {
    margin: [[32, 0, 21, 0]]
  },
  error: {
    color: errorColor
  },
  button: {
    marginLeft: 'auto'
  },
  submit: {
    display: 'flex',
    flexDirection: 'row',
    margin: [['auto', 0, 24]]
  },
  radioGroup: {
    flexDirection: 'row'
  },
  radioLabel: {
    width: LABEL_WIDTH,
    height: 48
  },
  radio: {
    padding: 4,
    margin: 4
  },
  setupNew: {
    display: 'flex',
    alignItems: 'center',
    height: 48
  },
  picker: {
    width: LABEL_WIDTH
  },
  horizontalAlign: {
    display: 'flex',
    flexDirection: 'row'
  },
  centerAlignment: {
    alignItems: 'center'
  },
  zeroConfLimit: {
    marginRight: 5,
    '& > div': {
      fontSize: fontSize1,
      fontFamily: fontPrimary,
      fontWeight: 300,
      '& > input': {
        padding: [[6, 0, 2]]
      }
    }
  }
}