import { type ComponentProps, type FC, type PropsWithChildren } from 'react';
import { type VariantProps } from 'tailwind-variants';
import type { Gap } from '../../types';
export type Props = PropsWithChildren<Pick<VariantProps<typeof classNameGenerator>, 'contentBgColor'> & {
    contentPadding?: Gap | {
        block?: Gap;
        inline?: Gap;
    };
    className?: string | undefined;
} & Pick<ComponentProps<'div'>, 'ref'>>;
declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}, {
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}>, {
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}, {
    paddingBlock: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    paddingInline: {
        0: string;
        XXS: string;
        XS: string;
        S: string;
        M: string;
        L: string;
        XL: string;
        XXL: string;
        3: string;
        2: string;
        1: string;
        [-1]: string;
        [-2]: string;
        [-3]: string;
        0.25: string;
        0.5: string;
        0.75: string;
        1.25: string;
        1.5: string;
        2.5: string;
        3.5: string;
        4: string;
        8: string;
        [-0.25]: string;
        [-0.5]: string;
        [-0.75]: string;
        [-1.25]: string;
        [-1.5]: string;
        [-2.5]: string;
        [-3.5]: string;
        [-4]: string;
        [-8]: string;
        X3S: string;
        X3L: string;
    };
    contentBgColor: {
        readonly BACKGROUND: "shr-bg-background";
        readonly COLUMN: "shr-bg-column";
        readonly BASE_GREY: "shr-bg-base-grey";
        readonly OVER_BACKGROUND: "shr-bg-over-background";
        readonly HEAD: "shr-bg-head";
        readonly BORDER: "shr-bg-[theme(colors.grey.20)]";
        readonly ACTION_BACKGROUND: "shr-bg-action-background";
        readonly WHITE: "shr-bg-white";
        readonly GREY_5: "shr-bg-[theme(colors.grey.5)]";
        readonly GREY_6: "shr-bg-[theme(colors.grey.6)]";
        readonly GREY_7: "shr-bg-[theme(colors.grey.7)]";
        readonly GREY_9: "shr-bg-[theme(colors.grey.9)]";
        readonly GREY_20: "shr-bg-[theme(colors.grey.20)]";
    };
}>, unknown, unknown, undefined>>;
export declare const DialogBody: FC<Props>;
export {};