/**
 * @file index.tsx
 *
 * @fileoverview A component that places the children in the page frame. With a max width.
 */
import React from 'react';
import { ColorProps, SpaceProps } from 'styled-system';
declare type BaseMainProps = SpaceProps & ColorProps;
export interface MainProps extends BaseMainProps {
    /**
     * Text for the button
     *
     * @default null
     */
    children?: React.ReactNode;
    /**
     * How large the container can be as defined in the theme object.
     *
     * @default medium
     */
    size?: 'small' | 'medium' | 'large' | 'xLarge';
}
/**
 * Renders content with a max width on the center of the page. Useful for placing
 * main content on a normal page.
 */
export declare const Main: ({ size, children, ...props }: MainProps) => JSX.Element;
export default Main;