import React from "react";
import "./column.scss";
export type ColumnProps = React.PropsWithChildren<{
    /** The number of columns to span. */
    span: number;
    /** If set, the column to start on. */
    start?: number;
    /** Additional class names. */
    className?: string;
    /**
     * Sets the "container-type" CSS attribute. Setting this to "normal" might fix
     * problems regarding sizing of children.
     */
    containerType?: "inline-size" | "size" | "normal";
    /** Justification method. */
    justify?: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
    /** If set, flex children in direction. */
    direction?: "column" | "row";
    /** If set, add spacing between children (only if direction is set). */
    gap?: boolean;
    /** If set, show the Outline of the column. */
    debug?: boolean;
    /** The number of columns to span on mobile. */
    mobileSpan?: number;
    /** Gets passed as props. */
    [index: string]: unknown;
}>;
/**
 * Column component, constraints items on a horizontal axis.
 */
export declare const Column: React.FC<ColumnProps>;