/**
 * The shapes a slot can be framed into, in one place.
 *
 * Shared because two screens now offer them: the page builder sets the shape on a template's lead
 * block, and a row's settings draw a cropping frame of those proportions. Two lists would be two
 * places to add the next ratio, and the day they disagree a crop is framed against a shape the page
 * does not use.
 */
export const SHAPES = [
  { value: '', label: "The picture's own shape", ratio: null as number | null },
  { value: '21/9', label: '21:9 — a letterbox band', ratio: 21 / 9 },
  { value: '16/9', label: '16:9', ratio: 16 / 9 },
  { value: '3/2', label: '3:2', ratio: 3 / 2 },
  { value: '4/3', label: '4:3', ratio: 4 / 3 },
  { value: '1/1', label: '1:1 — square', ratio: 1 },
  { value: '3/4', label: '3:4 — upright', ratio: 3 / 4 },
  { value: '2/3', label: '2:3 — upright', ratio: 2 / 3 },
];