import { BoxColumnType, BoxTShirtSizeType, BoxShadowSizeType } from '../../utils/types';
export declare class PdsBox {
    /**
     * Defines the vertical alignment of the box items.
     * @defaultValue start
    */
    alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * If `true`, the box will be sized to fit its contents.
     */
    auto?: boolean;
    /**
     *  Defines the background-color of the box.
     */
    backgroundColor?: string;
    /**
     * If `true`, the box will have a border.
     */
    border?: boolean;
    /**
     *  Defines the border color of the box.
     */
    borderColor?: string;
    /**
     * Defines how rounded the box corners are.
     * @defaultValue none
     */
    borderRadius?: `none` | `xs` | `sm` | `md` | `lg` | `circle`;
    /**
     * Defines the orientation of the box items.
     * @defaultValue row
     */
    direction?: `row` | `column`;
    /**
     * Defines the display style of the box.
     * @defaultValue flex
    */
    display?: `flex` | `inline-flex` | `block` | `inline-block`;
    /**
     * If `true`, sets the box `max-width` to `100%`.
     */
    fit?: boolean;
    /**
     * Defines the spacing between the box items.
     * @defaultValue none
    */
    gap?: BoxTShirtSizeType;
    /**
     * Defines how a box will grow or shrink to fit the space available in its container.
     * @defaultValue none
     */
    flex?: `none` | `grow` | `shrink`;
    /**
     * Defines the horizontal alignment of the box items.
     * @defaultValue start
    */
    justifyContent?: `start` | `center` | `end` | `space-between` | `space-around`;
    /**
     * The minimum height of the row. Used in conjunction with alignment props
     */
    minHeight?: string;
    /**
     * The minimum width of the row. Used in conjunction with alignment props
     */
    minWidth?: string;
    /**
     * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.
     */
    offset?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetXs?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetSm?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetMd?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetLg?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetXl?: BoxColumnType;
    /**
     * Defines the spacing between the box items.
     * @defaultValue none
    */
    padding?: BoxTShirtSizeType;
    /**
     * Defines the box shadow.
     * @defaultValue none
    */
    shadow?: BoxShadowSizeType;
    /**
     * Size of the column for all screen sizes that are not explicitly set.
     */
    size?: BoxColumnType;
    /**
     * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.
     */
    sizeXs?: BoxColumnType;
    /**
     * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.
     */
    sizeSm?: BoxColumnType;
    /**
     * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.
     */
    sizeMd?: BoxColumnType;
    /**
     * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.
     */
    sizeLg?: BoxColumnType;
    /**
     * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.
     */
    sizeXl?: BoxColumnType;
    render(): any;
}
