export type VideoType = 'video' | 'youtube' | 'vimeo'; type Height = 'height-16-9' | 'height-pixels-200' | 'height-pixels-300' | 'height-pixels-350' | 'height-pixels-400' | 'height-pixels-450' | 'height-pixels-500' | 'height-pixels-600' | 'height-pixels-700' | 'height-pixels-800' | 'height-pixels-900' | 'height-pixels-1000' | 'height-percent-75' | 'height-percent-100'; type video = 'youtube' | 'vimeo'; type BannerCombination = [video, Height?] | [Height, video?]; type TextColor = 'color-white' | 'color-black'; type TextAlign = 'right' | 'center'; type TextVerticalAlign = 'vertical-align-top' | 'vertical-align-center' | 'vertical-align-bottom'; type TextWidth = 'width-one-third' | 'width-half' | 'width-two-third' | 'width-full' | 'width-small'; type TextCombination = [TextColor, TextAlign?, TextWidth?, TextVerticalAlign?] | [TextAlign, TextColor?, TextWidth?, TextVerticalAlign?] | [TextWidth, TextColor?, TextAlign?, TextVerticalAlign?] | [TextVerticalAlign, TextColor?, TextAlign?, TextWidth?] | [TextColor, TextWidth, TextVerticalAlign?, TextAlign?] | [TextAlign, TextWidth, TextVerticalAlign?, TextColor?] | [TextWidth, TextAlign, TextVerticalAlign?, TextColor?] | [TextVerticalAlign, TextWidth, TextColor?, TextAlign?] | [TextColor, TextVerticalAlign, TextAlign?, TextWidth?] | [TextWidth, TextVerticalAlign, TextColor?, TextAlign?]; type Overlay = 'dark' | 'light' | 'dark-to-transparent' | 'transparent-to-dark' | 'light-to-transparent' | 'transparent-to-light'; type BannerModifierConfig = { 'c-banner': BannerCombination; 'c-banner__text': TextCombination; 'c-banner__overlay': [Overlay]; }; export type BannerModifier = { [P in keyof BannerModifierConfig]: { prefix: P; modifiers: BannerModifierConfig[P]; }; }[keyof BannerModifierConfig]; export type ModifierItems = BannerModifier[] | BannerCombination; export {};