import { FC, ReactNode } from 'react';
export type Span = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export type Spans = readonly [Span, Span?, Span?];
export type SiteMargin = 'large' | 'medium' | 'none' | 'small';
export type ColumnProps = {
    /** Determines how a column will align itself (vertically) within any leftover space. Defaults to whatever Row alignItems has defined.  */
    readonly alignSelf?: 'start' | 'stretch' | 'center' | 'end';
    /** Sets the background color class. Expects a valid SiteColor value. */
    /** Content to be placed inside this Column. */
    readonly children?: ReactNode;
    /** Determines if children of Column are height: 100%. Useful for grids of components that must be equal in height, such as cards. Defaults to false. */
    readonly equalHeightChildren?: boolean;
    /** If columns are split into rows, this column will move to the top. Used for media to show up before text on mobile. */
    readonly firstRow?: boolean;
    /** Sets if the column should have a minimum and maximum height. */
    readonly height?: 'any' | 'fixed';
    /** Determines how a column will align itself within any leftover space. Defaults to 'stretch'.  */
    readonly justifySelf?: 'stretch' | 'center';
    /** Left & Right Margin outside the column. */
    readonly marginLeftRight?: SiteMargin;
    /** Padding inside the column. */
    readonly padding?: 'large' | 'medium' | 'small';
    /** Column spans out of 12 for mobile, tablet, and desktop. */
    readonly spans?: Spans;
    /** Defines a box-shadow style. Expects a valid SiteShadow value. */
    readonly shadow?: 'medium' | 'strong' | 'soft' | 'softBottom';
    /** data-component attribute value */
    readonly dataComponent?: string;
};
declare const Column: FC<ColumnProps>;
export default Column;