export type SectionHeadingAlign = 'left' | 'center' | 'right'; export type SectionHeadingSize = 'sm' | 'md' | 'lg'; export interface SectionHeadingClassNames { root?: string; kicker?: string; title?: string; description?: string; } export interface SectionHeadingStyles { root?: React.CSSProperties; kicker?: React.CSSProperties; title?: React.CSSProperties; description?: React.CSSProperties; } export interface SectionHeadingProps extends React.HTMLAttributes { kicker?: React.ReactNode; mainTitle?: React.ReactNode; description?: React.ReactNode; align?: SectionHeadingAlign; size?: SectionHeadingSize; titleAs?: keyof JSX.IntrinsicElements; classNames?: SectionHeadingClassNames | ((props: SectionHeadingProps) => SectionHeadingClassNames); styles?: SectionHeadingStyles | ((props: SectionHeadingProps) => SectionHeadingStyles); }