import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { HTMLAttributes } from 'react';
import { Props } from '../@types/Props.js';

interface ContainerProps extends HTMLAttributes<HTMLElement>, Props {
    /**
     * **Deprecated**
     *
     * Use `sideBorders` instead.
     *
     * @deprecated Use `sideBorders` instead.
     */
    border?: boolean;
    /**
     * Add borders to the sides of the component
     */
    sideBorders?: boolean;
    /**
     * Add a border to the top of the component
     */
    topBorder?: boolean;
    /**
     * Set a background colour on the component
     */
    backgroundColor?: string;
    /**
     * Set the colour of any borders
     */
    borderColor?: string;
    /**
     * The element type to use.
     */
    element?: 'div' | 'article' | 'aside' | 'footer' | 'header' | 'nav' | 'section';
}
/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-container--default) •
 * [Design System](https://theguardian.design/2a1e5182b/p/440a83-container) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/container/Container.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 * Centres the page content and applies a width that corresponds to the grid at the current breakpoint.
 */
declare const Container: ({ element: Element, border, sideBorders, topBorder, backgroundColor, borderColor, cssOverrides, children, ...props }: ContainerProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Container };
export type { ContainerProps };