import type { SafeExtract } from '@shoptet/utils';

export type Variant = 'primary' | 'secondary' | 'tertiary' | 'action' | 'destructive' | 'inverted';
export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
export type Spacing = 'xxs' | 'xs' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | '3xl' | '4xl';
export type Level = 'success' | 'error' | 'alert' | 'notice';

export type TextAlign = 'left' | 'center' | 'right';

export type TextAppearance = SafeExtract<Size, 'sm' | 'md' | 'lg'>;
export type BoldAppearance = `strong-${TextAppearance}`;
export type HeadlineAppearance = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
export type TypographyAppearance = TextAppearance | BoldAppearance | HeadlineAppearance;

export type Orientation = 'horizontal' | 'vertical';