import { CSSObject } from 'styled-components';
import { ResponsiveValue } from 'styled-system';
export type StyleFn = (props: Record<string, any>) => string | number;
export interface ComponentVariant<P extends string, V extends string> {
    prop: P;
    variants: {
        [key in V]: {
            [key: string]: ResponsiveValue<CSSObject | string | number | undefined | StyleFn>;
        };
    };
}
export type ComponentSettings<V> = {
    cssOverrides?: CSSObject;
    componentVariants: V;
};
export type Components = 'Button' | 'BodyText' | 'Heading';