@sanity/ui-workshop/src/core/constants.ts

An environment for designing, reviewing, and quality-testing React components.

/** @internal */
export const EMPTY_ARRAY: never[] = []

/** @internal */
export const EMPTY_RECORD: Record<string, unknown> = {}

/** @internal */
export const DEFAULT_VIEWPORT_VALUE = 'auto'

/** @internal */
export const DEFAULT_ZOOM_VALUE = 1

/** @internal */
export const VIEWPORT_OPTIONS: {
  name: string
  title: string
  rect: {width: number | 'auto'; height?: number}
}[] = [
  {name: 'auto', title: 'Full', rect: {width: 'auto'}},
  {name: '768', title: '768px', rect: {width: 768}},
  {name: '375', title: '375px', rect: {width: 375, height: 667}},
  {name: '320', title: '320px', rect: {width: 320, height: 568}},
]

/** @internal */
export const ZOOM_OPTIONS: {value: number; title: string}[] = [
  {value: 0.5, title: '50%'},
  {value: 0.75, title: '75%'},
  {value: 1, title: '100%'},
  {value: 1.5, title: '150%'},
  {value: 2, title: '200%'},
  {value: 3, title: '300%'},
]