/// <reference types="react" />
import { ModalWindowSizes } from './types.js';
export declare const ModalWindowSizesMap: {
    sm: import("styled-components").FlattenSimpleInterpolation;
    md: import("styled-components").FlattenSimpleInterpolation;
    lg: import("styled-components").FlattenSimpleInterpolation;
};
export declare const ModalStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    $center: boolean;
    $size: ModalWindowSizes;
}, never>;
export declare const ModalBaseStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const ModalHeaderStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    $short: boolean;
}, never>;
export declare const ModalTitleStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    $center: boolean;
    $withTitleIcon: boolean;
    $withCloseButton: boolean;
    $withBackButton: boolean;
}, never>;
export declare const ModalTitleIconStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    $center: boolean;
}, never>;
export declare const ModalTitleTextStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const ModalSubtitleStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const ModalContentStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const ModalCloseStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    icon: JSX.Element;
} & {
    size?: "sm" | "md" | "lg" | "xxs" | "xs" | undefined;
    variant?: "text" | "filled" | "outlined" | "ghost" | "translucent" | undefined;
    color?: "secondary" | "primary" | "error" | "warning" | "success" | undefined;
    fullwidth?: boolean | undefined;
    square?: boolean | undefined;
    loading?: boolean | undefined;
    active?: boolean | undefined;
    as?: undefined;
} & Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    as?: keyof JSX.IntrinsicElements | undefined;
    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
}, "ref" | "color" | "square" | "as" | "loading" | "size" | "variant" | "fullwidth" | "active"> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
    icon: import("react/jsx-runtime").JSX.Element;
    color: "secondary";
    variant: "ghost";
    size: "xs";
}, "color" | "size" | "variant" | "icon">;
export declare const ModalBackStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    icon: JSX.Element;
} & {
    size?: "sm" | "md" | "lg" | "xxs" | "xs" | undefined;
    variant?: "text" | "filled" | "outlined" | "ghost" | "translucent" | undefined;
    color?: "secondary" | "primary" | "error" | "warning" | "success" | undefined;
    fullwidth?: boolean | undefined;
    square?: boolean | undefined;
    loading?: boolean | undefined;
    active?: boolean | undefined;
    as?: undefined;
} & Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    as?: keyof JSX.IntrinsicElements | undefined;
    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
}, "ref" | "color" | "square" | "as" | "loading" | "size" | "variant" | "fullwidth" | "active"> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
    icon: import("react/jsx-runtime").JSX.Element;
    color: "secondary";
    variant: "ghost";
    size: "xs";
}, "color" | "size" | "variant" | "icon">;
//# sourceMappingURL=ModalStyles.d.ts.map