import * as React from 'react'; import { distance } from '../../distance'; import { ReactComponentDefaultProps } from '../../utils/react-18-compat'; export interface PaddedContainerProps extends ReactComponentDefaultProps { /** * Padding on top. Valid values: xxsmall, xsmall, small, medium, large, xlarge, xxlarge, xxxlarge. */ top?: keyof typeof distance; /** * Padding on left. Valid values: xxsmall, xsmall, small, medium, large, xlarge, xxlarge, xxxlarge. */ left?: keyof typeof distance; /** * Padding on bottom. Valid values: xxsmall, xsmall, small, medium, large, xlarge, xxlarge, xxxlarge. */ bottom?: keyof typeof distance; /** * Padding on right. Valid values: xxsmall, xsmall, small, medium, large, xlarge, xxlarge, xxxlarge. */ right?: keyof typeof distance; /** * Padding around the content. Valid values: xxsmall, xsmall, small, medium, large, xlarge, xxlarge, xxxlarge. */ gutter?: keyof typeof distance; /** * Allows to change the container element. * @default 'div' */ as?: keyof JSX.IntrinsicElements; } export declare const PaddedContainer: React.FC & { inner: { readonly StyledContainer: any; }; };