import { DocsContainerProps } from '@storybook/addon-docs';
import React from 'react';
export declare const Lorem: () => JSX.Element;
export declare const DocsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const DocsTemplate: ({ children, context, }: DocsContainerProps<import("@storybook/csf").AnyFramework> & {
    children: React.ReactChildren;
}) => JSX.Element;
export declare const DosDontsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const DoDontsItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const DosDontsCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const UsageList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
declare type DoDontsProps = {
    dos?: React.ReactNode;
    donts?: React.ReactNode;
};
export declare const DoDonts: (props: DoDontsProps) => JSX.Element;
export declare const DarkCanvas: import("styled-components").StyledComponent<React.FC<import("@storybook/components").PreviewProps & {
    withSource?: import("@storybook/addon-docs").SourceState | undefined;
    mdxSource?: string | undefined;
}>, import("styled-components").DefaultTheme, {}, never>;
declare type CustomCanvas = {
    height?: string;
    justifyContent?: 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right';
    display?: string;
};
export declare const CustomCanvasFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CustomCanvas, never>;
export declare const CanvasRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CustomCanvas, never>;
export declare const CanvasColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CustomCanvas, never>;
export declare const CanvasModal: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CustomCanvas, never>;
export declare const StoryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    inverse?: boolean | undefined;
}, never>;
export declare const StoryDivider: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
export declare const MultipleColumnCanvas: ({ items }: {
    items?: JSX.Element[] | undefined;
}) => JSX.Element;
export declare const MultipleColumnCanvasWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    numberOfColumns: number;
}, never>;
export {};
