export declare const PackageContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "column";
}, "direction">;
export declare const PageContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "column";
}, "direction">;
export declare const PageContent: import("styled-components").StyledComponent<({ flex, selfAlign, component, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, ...restProps }: import("@redis-ui/components").FlexItemProps) => import("react/jsx-runtime").JSX.Element, any, {
    flex: "auto";
}, "flex">;
export declare const StepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const PlaygroundContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const InfoContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;