export const FIELD_BINARY = {
  type: 'FieldBinary',
  size: {
    xs: 6,
    sm: 6,
    md: 6,
    lg: 6,
    xl: 6
  }
}

export const FIELD_BUTTON = {
  type: 'FieldButton',
  size: {
    xs: 0,
    sm: 0,
    md: 0,
    lg: 0,
    xl: 0
  }
}

export const FIELD_COLOR = {
  type: 'FieldColor',
  size: {
    xs: 6,
    sm: 6,
    md: 6,
    lg: 6,
    xl: 6
  }
}

export const FIELD_DATE = {
  type: 'FieldDate',
  size: {
    xs: 24,
    sm: 12,
    md: 8,
    lg: 6,
    xl: 6
  }
}

export const FIELD_IMAGE = {
  type: 'FieldImage',
  size: {
    xs: 6,
    sm: 6,
    md: 6,
    lg: 6,
    xl: 6
  }
}

export const FIELD_NUMBER = {
  type: 'FieldNumber',
  size: {
    xs: 24,
    sm: 12,
    md: 8,
    lg: 6,
    xl: 6
  }
}

export const FIELD_SELECT = {
  type: 'FieldSelect',
  size: {
    xs: 24,
    sm: 12,
    md: 8,
    lg: 6,
    xl: 6
  }
}

export const FIELD_TEXT = {
  type: 'FieldText',
  size: {
    xs: 24,
    sm: 12,
    md: 8,
    lg: 6,
    xl: 6
  }
}

export const FIELD_TEXT_LONG = {
  type: 'FieldTextLong',
  size: {
    xs: 24,
    sm: 24,
    md: 24,
    lg: 24,
    xl: 24
  }
}

export const FIELD_TIME = {
  type: 'FieldTime',
  size: {
    xs: 24,
    sm: 12,
    md: 8,
    lg: 6,
    xl: 6
  }
}

export const FIELD_YES_NO = {
  type: 'FieldYesNo',
  size: {
    xs: 14,
    sm: 8,
    md: 8,
    lg: 3,
    xl: 6
  }
}

const FIELDS_DISPLAY_SIZES = [
  FIELD_BINARY,
  FIELD_BUTTON,
  FIELD_COLOR,
  FIELD_DATE,
  FIELD_IMAGE,
  FIELD_NUMBER,
  FIELD_SELECT,
  FIELD_TEXT,
  FIELD_TEXT_LONG,
  FIELD_YES_NO
]
export default FIELDS_DISPLAY_SIZES

export const DEFAULT_SIZE = {
  type: 'FieldDefault',
  size: {
    xs: 6,
    sm: 8,
    md: 2,
    lg: 6,
    xl: 6
  }
}