export const WAVEFORM_SIZE = 300

export const ZOOM_STEPS = [
  1,
  2,
  3,
  10,
  20,
  30,
  60,
]

export const ZOOM_LABEL_STEPS = [
  20,
  60,
  60,
  300,
  600,
  600,
  1200,
]

export const ZOOM_TICK_STEPS = [
  5,
  10,
  30,
  60,
  60,
  60,
  600,
]

export const HEADER_MARGIN = 50
export const INNER_HEIGHT = window.innerHeight - HEADER_MARGIN

export const ROMAN_NUMERALS = [
  'I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X',
  'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX',
]

export const MEDIA_TYPES = new Set([
  'image', 'gallery', 'vitrine',
  'video',
])

export const CURTAIN_COLORS = [
  { label: 'white', backgroundColor: '#ffffff', textColor: '#000000' },
  { label: 'dark blue', backgroundColor: '#1a1f33', textColor: '#ffffff' },
  { label: 'dark gray', backgroundColor: '#222222', textColor: '#ffffff' },
  { label: 'black', backgroundColor: '#000000', textColor: '#ffffff' },
]

export const CURTAIN_COLOR_SELECT_OPTIONS = CURTAIN_COLORS.map(color => ({
  label: color.label,
  name: color.label,
}))