PreStyling Layouts & Components

src/lib/constants/figure.ts

@@ -1,16 +1,24 @@
 export const FIGURE_SIZES = [
-  {
-    label: 'Inline',
-    value: 'inline',
-  },
-  {
-    label: 'Wide',
-    value: 'wide',
-  },
-  {
-    label: 'Full',
-    value: 'full',
-  },
-]
+  { label: 'Inline', value: 'inline' },
+  { label: 'Wide', value: 'wide' },
+  { label: 'Full', value: 'full' },
+] as const
+
+export const IMAGE_EFFECTS = [
+  { label: 'None', value: 'none' },
+  { label: 'Xeroxed', value: 'xeroxed' },
+] as const
+
+export const ASPECT_RATIOS = [
+  { label: 'Original', value: 'original' },
+  { label: 'Panorama (21:9)', value: '21-9' },
+  { label: 'Wide (16:9)', value: '16-9' },
+  { label: 'Photo (3:2)', value: '3-2' },
+  { label: 'Classic (4:3)', value: '4-3' },
+  { label: 'Square (1:1)', value: '1-1' },
+  { label: 'Portrait (4:5)', value: '4-5' },
+] as const
 
 export type FigureSize = (typeof FIGURE_SIZES)[number]['value']
+export type ImageEffect = (typeof IMAGE_EFFECTS)[number]['value']
+export type AspectRatio = (typeof ASPECT_RATIOS)[number]['value']