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

interface ColumnProps extends HTMLAttributes<HTMLDivElement>, Props {
    /**
     * Fraction of the parent container's width that the column will occupy.
     *
     * Pass 0 to hide the column completely.
     *
     * Pass an array of fractions to set the width that the column occupies at
     * different breakpoints. The first value in the array will reflect the
     * width at `mobile`, the second value at `tablet`, then `desktop`,
     * `leftCol` and `wide`.
     *
     * If no value is provided, the column width will be fluid (i.e. take up
     * remaining space, divided between all fluid columns).
     */
    width?: number | number[];
    /**
     * Number of [grid
     * columns](https://theguardian.design/2a1e5182b/p/41be19-grids) that the
     * column will occupy.
     *
     * Pass 0 to hide the column completely.
     *
     * Pass an array of numbers to set the number of grid columns the column
     * component occupies at different breakpoints. The first value in the array
     * will reflect the width at `mobile`, the second value at `tablet`, then
     * `desktop`, `leftCol` and `wide`.
     *
     * If neither `width` nor `span` is passed, the column width will be fluid
     * (i.e. take up remaining space, divided between all fluid columns).
     *
     * If both `width` and `span` are passed, `width` takes priority.
     */
    span?: number | number[];
}
/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-columns--default) •
 * [Design System](https://theguardian.design/2a1e5182b/p/41cd49-columns) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/columns/Column.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 */
declare const Column: ({ width, span, cssOverrides, children, ...props }: ColumnProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Column };
export type { ColumnProps };