import type { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
 * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
 */
export declare class Col implements ComponentInterface {
    el: HTMLIonColElement;
    /**
     * The amount to offset the column, in terms of how many columns it should shift to the end
     * of the total available.
     */
    offset?: string;
    /**
     * The amount to offset the column for xs screens, in terms of how many columns it should shift
     * to the end of the total available.
     */
    offsetXs?: string;
    /**
     * The amount to offset the column for sm screens, in terms of how many columns it should shift
     * to the end of the total available.
     */
    offsetSm?: string;
    /**
     * The amount to offset the column for md screens, in terms of how many columns it should shift
     * to the end of the total available.
     */
    offsetMd?: string;
    /**
     * The amount to offset the column for lg screens, in terms of how many columns it should shift
     * to the end of the total available.
     */
    offsetLg?: string;
    /**
     * The amount to offset the column for xl screens, in terms of how many columns it should shift
     * to the end of the total available.
     */
    offsetXl?: string;
    /**
     * The order of the column, in terms of where the column should position itself in the columns renderer.
     * If no value is passed, the column order implicit value will be the order in the html structure.
     */
    order?: string;
    /**
     * The order of the column for xs screens, in terms of where the column should position itself in the columns renderer.
     * If no value is passed, the column order implicit value will be the order in the html structure.
     */
    orderXs?: string;
    /**
     * The order of the column for sm screens, in terms of where the column should position itself in the columns renderer.
     * If no value is passed, the column order implicit value will be the order in the html structure.
     */
    orderSm?: string;
    /**
     * The order of the column for md screens, in terms of where the column should position itself in the columns renderer.
     * If no value is passed, the column order implicit value will be the order in the html structure.
     */
    orderMd?: string;
    /**
     * The order of the column for lg screens, in terms of where the column should position itself in the columns renderer.
     * If no value is passed, the column order implicit value will be the order in the html structure.
     */
    orderLg?: string;
    /**
     * The order of the column for xl screens, in terms of where the column should position itself in the columns renderer.
     * If no value is passed, the column order implicit value will be the order in the html structure.
     */
    orderXl?: string;
    /**
     * The amount to pull the column, in terms of how many columns it should shift to the start of
     * the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pull?: string;
    /**
     * The amount to pull the column for xs screens, in terms of how many columns it should shift
     * to the start of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pullXs?: string;
    /**
     * The amount to pull the column for sm screens, in terms of how many columns it should shift
     * to the start of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pullSm?: string;
    /**
     * The amount to pull the column for md screens, in terms of how many columns it should shift
     * to the start of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pullMd?: string;
    /**
     * The amount to pull the column for lg screens, in terms of how many columns it should shift
     * to the start of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pullLg?: string;
    /**
     * The amount to pull the column for xl screens, in terms of how many columns it should shift
     * to the start of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pullXl?: string;
    /**
     * The amount to push the column, in terms of how many columns it should shift to the end
     * of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    push?: string;
    /**
     * The amount to push the column for xs screens, in terms of how many columns it should shift
     * to the end of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pushXs?: string;
    /**
     * The amount to push the column for sm screens, in terms of how many columns it should shift
     * to the end of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pushSm?: string;
    /**
     * The amount to push the column for md screens, in terms of how many columns it should shift
     * to the end of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pushMd?: string;
    /**
     * The amount to push the column for lg screens, in terms of how many columns it should shift
     * to the end of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pushLg?: string;
    /**
     * The amount to push the column for xl screens, in terms of how many columns it should shift
     * to the end of the total available.
     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
     */
    pushXl?: string;
    /**
     * The size of the column, in terms of how many columns it should take up out of the total
     * available. If `"auto"` is passed, the column will be the size of its content.
     */
    size?: string;
    /**
     * The size of the column for xs screens, in terms of how many columns it should take up out
     * of the total available. If `"auto"` is passed, the column will be the size of its content.
     */
    sizeXs?: string;
    /**
     * The size of the column for sm screens, in terms of how many columns it should take up out
     * of the total available. If `"auto"` is passed, the column will be the size of its content.
     */
    sizeSm?: string;
    /**
     * The size of the column for md screens, in terms of how many columns it should take up out
     * of the total available. If `"auto"` is passed, the column will be the size of its content.
     */
    sizeMd?: string;
    /**
     * The size of the column for lg screens, in terms of how many columns it should take up out
     * of the total available. If `"auto"` is passed, the column will be the size of its content.
     */
    sizeLg?: string;
    /**
     * The size of the column for xl screens, in terms of how many columns it should take up out
     * of the total available. If `"auto"` is passed, the column will be the size of its content.
     */
    sizeXl?: string;
    onResize(): void;
    private getColumns;
    private getStyleClass;
    private getSizeClass;
    private getOrderClass;
    private getOffsetClass;
    componentDidLoad(): void;
    render(): any;
}
