declare const _default: {
    Template: {
        baseStyle?: () => {
            boxSizing: string;
            display: string;
            gap: {
                base: string;
                md: string;
                xl: string;
            };
            flexDirection: string;
            minWidth: string;
            /** The "content" area should span the full width of the content area from
             * a mobile-first viewpoint. Using -1 for the "last column" value ensures
             * that these elements span all columns in the grid. CSS classes were used
             * for the "content" and "sidebar" ragions in order to simplify how
             * variants are handled.
             * */
            "& .ds-template-content": {
                gridColumn: {
                    base: "1 / -1";
                };
            };
        };
        sizes?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        variants?: {
            sidebarLeft: {
                "& .ds-template-content": {
                    gridColumn: {
                        sm: "7 / -1";
                        md: "5 / -1";
                        lg: "4 / -1";
                    };
                };
                "& .ds-template-sidebar": {
                    gridColumn: {
                        base: "1 / -1";
                        sm: "1 / 7";
                        md: "1 / 5";
                        lg: "1 / 4";
                    };
                };
            };
            sidebarRight: {
                "& .ds-template-content": {
                    gridColumn: {
                        sm: "1 / 7";
                        md: "1 / 9";
                        lg: "1 / 10";
                    };
                };
                "& .ds-template-sidebar": {
                    gridColumn: {
                        base: "1 / -1";
                        sm: "7 / -1";
                        md: "9 / -1";
                        lg: "10 / -1";
                    };
                };
            };
            narrow: {
                "& .ds-template-content": {
                    gridColumn: {
                        base: "1 / -1";
                        md: "2 / 12";
                        lg: "3 / 11";
                    };
                };
            };
        };
        defaultProps?: {
            size?: string | number;
            variant?: "narrow" | "sidebarLeft" | "sidebarRight";
            colorScheme?: string;
        };
    };
    TemplateBreakout: {
        baseStyle?: () => {
            gridColumn: string;
            ml: string;
            width: string;
        };
        sizes?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        variants?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        defaultProps?: {
            size?: string | number;
            variant?: string | number;
            colorScheme?: string;
        };
    };
    TemplateFull: {
        baseStyle?: () => {
            gridColumn: string;
        };
        sizes?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        variants?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        defaultProps?: {
            size?: string | number;
            variant?: string | number;
            colorScheme?: string;
        };
    };
    TemplateMain: {
        baseStyle?: () => {
            columnGap: {
                base: string;
                md: string;
                xl: string;
            };
            display: string;
            gridTemplateColumns: string;
            gridTemplateRows: string;
            m: string;
            maxWidth: string;
            px: {
                base: string;
                md: string;
                xl: string;
            };
            width: string;
            "& > *:not(:last-child)": {
                mb: {
                    base: string;
                    md: string;
                    xl: string;
                };
            };
        };
        sizes?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        variants?: {
            [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
        };
        defaultProps?: {
            size?: string | number;
            variant?: string | number;
            colorScheme?: string;
        };
    };
};
export default _default;