import { ComponentProps } from '../../../core';
import type { FlattenedStyleData } from '../types';
export declare const useGenerateStyles: <DataMapping, ExtraProps, DispatchMapping>() => {
    generateStyles: (mapData: [keyof DataMapping, string | undefined], props: ComponentProps<DataMapping, ExtraProps, DispatchMapping>) => {
        className: string;
        stylesMapping: {
            [x: string]: FlattenedStyleData;
        };
        styleData: FlattenedStyleData;
        flatStyleguide: {
            borderTopLeftRadius?: undefined;
            borderTopRightRadius?: undefined;
            borderBottomLeftRadius?: undefined;
            borderBottomRightRadius?: undefined;
            marginRight?: string | undefined;
            marginLeft?: string | undefined;
            marginBottom?: string | undefined;
            marginTop?: string | undefined;
            color?: string | undefined;
            letterSpacing?: string | undefined;
            lineHeight?: string | undefined;
            fontSize?: string | undefined;
            fontWeight?: string | undefined;
            fontFamily?: string | undefined;
            minHeight?: string | undefined;
        } | {
            borderTopLeftRadius: string | undefined;
            borderTopRightRadius: string | undefined;
            borderBottomLeftRadius: string | undefined;
            borderBottomRightRadius: string | undefined;
            marginRight?: string | undefined;
            marginLeft?: string | undefined;
            marginBottom?: string | undefined;
            marginTop?: string | undefined;
            color?: string | undefined;
            letterSpacing?: string | undefined;
            lineHeight?: string | undefined;
            fontSize?: string | undefined;
            fontWeight?: string | undefined;
            fontFamily?: string | undefined;
            minHeight?: string | undefined;
        };
    };
    layoutId: string;
};