import React, { ComponentProps, ReactNode } from 'react'; declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", import("@stitches/react/types/styled-component").StyledComponentProps<[{ width: number; maxHeight: string; display: string; flexDirection: string; borderRadius: number; boxShadow: string; backgroundColor: string; variants: { mode: { dialog: { width: number; }; }; }; }]>, { breakpoint1: "(min-width: 768px)"; }, import("@stitches/react/types/css-util").CSS<{ breakpoint1: "(min-width: 768px)"; }, { colors: { Blue500: string; Blue200: string; WhiteWhite100: string; GreyscaleGrey100: string; TextPrimary: string; TextSecondary: string; TextDisabled: string; TextInverted: string; PrimaryMain: string; PrimaryMainHover: string; PrimaryMainSelected: string; PrimaryMainContrast: string; PrimaryMainContrastSecondary: string; PrimaryLight: string; PrimaryLightHover: string; PrimaryLightSelected: string; PrimaryLightContrast: string; PrimaryLightContrastSecondary: string; PrimaryMainOutline: string; PrimaryLightOutline: string; ActionMain: string; ActionMainHover: string; ActionMainSelected: string; ActionMainContrast: string; ActionMainContrastSecondary: string; ActionLight: string; ActionLightHover: string; ActionLightSelected: string; ActionLightContrast: string; ActionLightContrastSecondary: string; ActionMainOutline: string; ActionLightOutline: string; OtherDisabledContent: string; OtherDisabledBackground: string; OtherDisabledOutline: string; OtherForeground: string; OtherForegroundInverted: string; OtherDivider: string; OtherOverlay: string; OtherInputBorderDefault: string; OtherInputBorderHover: string; OtherInputBorderActive: string; ErrorMain: string; ErrorMainHover: string; ErrorMainSelected: string; ErrorMainContrast: string; ErrorMainContrastSecondary: string; ErrorLight: string; ErrorLightHover: string; ErrorLightSelected: string; ErrorLightContrast: string; ErrorLightContrastSecondary: string; ErrorMainOutline: string; ErrorLightOutline: string; Background0dp: string; Background1dp: string; Background2dp: string; Background3dp: string; CalloutMain: string; AccentRed: string; AccentRedLight: string; AccentOrange: string; AccentOrangeLight: string; AccentYellow: string; AccentYellowLight: string; AccentMustard: string; AccentMustardLight: string; AccentForestgreen: string; AccentForestgreenLight: string; AccentGreen: string; AccentGreenLight: string; AccentTeal: string; AccentTealLight: string; AccentBabyblue: string; AccentBabyblueLight: string; AccentSailorblue: string; AccentSailorblueLight: string; AccentDarkpurple: string; AccentDarkpurpleLight: string; AccentPurple: string; AccentPurpleLight: string; AccentBrightpurple: string; AccentBrightpurpleLight: string; AccentPink: string; AccentPinkLight: string; }; fontSizes: { xxxs: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; lineHeights: { xxxs: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; space: { xxxs: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, {}>>; export interface DialogProps extends ComponentProps { children?: ReactNode; title?: string; padding?: number; } export declare const Dialog: React.ForwardRefExoticComponent & React.RefAttributes> & { Title: (props: any) => JSX.Element; Body: ({ children }: { children: any; }) => JSX.Element; Buttons: ({ children, border }: { children: any; border?: any; }) => JSX.Element; Confirm: ({ children, onConfirm, ...props }: { [x: string]: any; children?: string; onConfirm?: () => void; }) => JSX.Element; Cancel: ({ children, onCancel, ...props }: { [x: string]: any; children?: string; onCancel?: any; }) => JSX.Element; }; export {}; //# sourceMappingURL=Dialog.d.ts.map