import * as React from "react"; import type { MergeElementProps } from "../typings"; import { type GridNumbers } from "./styles"; declare type BreakpointPropertyValue = GridNumbers | { /** The column's size. */ size?: GridNumbers; /** The flexbox's `order` property of the column. */ order?: GridNumbers; /** The column's offset. * (offset from right if its 'right to left' and offset from left if its 'left to right'.) */ offset?: GridNumbers; }; interface BaseProps { /** The content of the column. */ children?: React.ReactNode; /** * Append to the classNames applied to the component so you can override or * extend the styles. */ className?: string; /** * Defines the number of grids the component is going to use. * It's applied for the all breakpoints if not overridden. */ all?: BreakpointPropertyValue; /** * Defines the number of grids the component is going to use. * It's applied for the `xxs` breakpoint and wider screens if not overridden. */ xxs?: BreakpointPropertyValue; /** * Defines the number of grids the component is going to use. * It's applied for the `xs` breakpoint and wider screens if not overridden. */ xs?: BreakpointPropertyValue; /** * Defines the number of grids the component is going to use. * It's applied for the `sm` breakpoint and wider screens if not overridden. */ sm?: BreakpointPropertyValue; /** * Defines the number of grids the component is going to use. * It's applied for the `md` breakpoint and wider screens if not overridden. */ md?: BreakpointPropertyValue; /** * Defines the number of grids the component is going to use. * It's applied for the `lg` breakpoint and wider screens if not overridden. */ lg?: BreakpointPropertyValue; /** * Defines the number of grids the component is going to use. * It's applied for the `xlg` breakpoint and wider screens if not overridden. */ xlg?: BreakpointPropertyValue; } export declare type ColumnProps = MergeElementProps<"div", BaseProps>; declare type Component = { (props: ColumnProps): React.ReactElement | null; propTypes?: React.WeakValidationMap | undefined; displayName?: string | undefined; }; declare const Column: Component; export default Column;