import React from 'react';
import type { BaseProps, ChildrenProps, StylableProps } from '~/types/component';
import type { AreaSpanProps } from './types';
export declare const WideContent: React.ForwardRefExoticComponent<BaseProps & ChildrenProps & StylableProps & React.RefAttributes<HTMLDivElement>>;
export declare function NarrowContent({ className, style, children, id, 'data-tag': dataTag, }: BaseProps & ChildrenProps & StylableProps): React.JSX.Element;
export declare function MiniContent({ className, style, children, id, 'data-tag': dataTag, }: BaseProps & ChildrenProps & StylableProps): React.JSX.Element;
export declare const FluidContent: React.ForwardRefExoticComponent<BaseProps & ChildrenProps & StylableProps & React.RefAttributes<HTMLDivElement>>;
export declare function TwoColumnArea({ className, style, children, id, 'data-tag': dataTag, }: BaseProps & ChildrenProps & StylableProps): React.JSX.Element;
export declare function ThreeColumnArea({ className, style, children, id, 'data-tag': dataTag, }: BaseProps & ChildrenProps & StylableProps): React.JSX.Element;
export declare function AreaSpan({ span, className, style, children, id, 'data-tag': dataTag, }: AreaSpanProps & BaseProps & ChildrenProps & StylableProps): React.JSX.Element;