import React from 'react';
import { ColSpan, ColSelfAlign } from './styles';
export interface ColStyleOptions {
    alignSelf?: ColSelfAlign;
    gutter?: number | number[];
    maxCol?: number;
    span?: ColSpan | ColSpan[];
}
export interface ColProps {
    /**
     * Insert text/child element into the Col
     */
    children?: React.ReactNode | null;
    /**
     * - To set the column equally.
     * - To hide the `Col` `display: none`.
     * - To set the column width based on `/maxCol\*100%`.
     * - To set the column width based on it's content.
     * - To set the column width with media query rules.
     */
    span?: ColSpan | ColSpan[];
    /**
     * to vertically align on applied `Col` only
     */
    alignSelf?: ColSelfAlign;
    /**
     * to apply custom class (style) into `Col`. **Use it carefully!** it may replace the default style rules.
     */
    className?: string;
}
declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<unknown>>;
export default Col;