export declare class HyBox {
    el: HTMLElement;
    headerstyle: string;
    /**
     * All sides padding value in rems. Responsive when given Comma separated values.
     */
    p?: string;
    /**
     * Left padding in rems. Responsive when given Comma separated values.
     */
    pl?: string;
    /**
     * Right padding in rems. Responsive when given Comma separated values.
     */
    pr?: string;
    /**
     * Bottom padding in rems. Responsive when given Comma separated values.
     */
    pb?: string;
    /**
     * Top padding in rems. Responsive when given Comma separated values.
     */
    pt?: string;
    /**
     * All sides margin value in rems. Responsive when given Comma separated values.
     */
    m?: string;
    /**
     * Left margin in rems. Responsive when given Comma separated values.
     */
    ml?: string;
    /**
     * Right margin in rems. Responsive when given Comma separated values.
     */
    mr?: string;
    /**
     * Bottom margin in rems. Responsive when given Comma separated values.
     */
    mb?: string;
    /**
     * Top margin in rems. Responsive when given Comma separated values.
     */
    mt?: string;
    /**
     * Value for horisontal alignment (justify-content)
     */
    justify: string;
    /**
     * value for vertical alignment (align-items)
     */
    align: string;
    /**
     * fixed height for the container, useful for extra spacing containers
     */
    h?: number;
    /**
     * background color. Must use one of css variable names from color tokens
     */
    bg: string;
    /**
     * Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value.
     */
    width: string;
    direction: string;
    componentWillLoad(): void;
    render(): any;
}