const layout_breakpoint = {
  xsmall: 0,
  small: 768,
  medium: 992,
  large: 1200
};
const layout_size = {
  xxsmall: 4,
  xsmall_1: 8,
  xsmall_2: 12,
  xsmall_3: 16,
  small_1: 20,
  small_2: 24,
  small_3: 32,
  medium_1: 40,
  medium_2: 48,
  medium_3: 56,
  medium_4: 64,
  large_1: 72,
  large_2: 80,
  xlarge_1: 96,
  xlarge_2: 120
};
const layout_radius = {
  size: {
    size_4x4: 1,
    size_8x8: 2,
    size_12x12: 2,
    size_16x16: 2,
    size_20x20: 4,
    size_24x24: 4,
    size_32x32: 4,
    size_40x40: 6,
    size_48x48: 6,
    size_56x56: 8,
    size_64x64: 10,
    size_72x72: 12,
    size_80x80: 16,
    size_96x96: 16,
    size_120x120: 16
  },
  level: {
    xxsmall: 1,
    xsmall: 2,
    small: 4,
    medium_1: 6,
    medium_2: 6,
    medium_3: 8,
    medium_4: 10,
    large_1: 12,
    large_2: 16,
    xlarge: 16
  }
};
export {
  layout_breakpoint,
  layout_radius,
  layout_size
};
