import { FlexProps } from './interface';
import { ApollionElement } from '../ApollionElement';
export declare class ApollionFlex extends ApollionElement implements FlexProps {
    static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
    initial?: FlexProps['fluid'];
    none?: FlexProps['none'];
    auto?: FlexProps['fluid'];
    container?: FlexProps['container'];
    fluid?: FlexProps['fluid'];
    absoluteFill?: FlexProps['absoluteFill'];
    zIndex?: FlexProps['zIndex'];
    area?: FlexProps['area'];
    flexDirection?: FlexProps['flexDirection'];
    justifyContent?: FlexProps['justifyContent'];
    alignItems?: FlexProps['alignItems'];
    wrap?: FlexProps['wrap'];
    order?: FlexProps['order'];
    alignSelf?: FlexProps['alignSelf'];
    gap?: FlexProps['gap'];
    position?: FlexProps['position'];
    m?: FlexProps['m'];
    mt?: FlexProps['mt'];
    mb?: FlexProps['mb'];
    ml?: FlexProps['ml'];
    mr?: FlexProps['mr'];
    mx?: FlexProps['mx'];
    my?: FlexProps['my'];
    p?: FlexProps['p'];
    pt?: FlexProps['pt'];
    pb?: FlexProps['pb'];
    pl?: FlexProps['pl'];
    pr?: FlexProps['pr'];
    px?: FlexProps['px'];
    py?: FlexProps['py'];
    top?: FlexProps['top'];
    bottom?: FlexProps['bottom'];
    left?: FlexProps['left'];
    right?: FlexProps['right'];
    width?: FlexProps['width'];
    minWidth?: FlexProps['minWidth'];
    maxWidth?: FlexProps['maxWidth'];
    height?: FlexProps['height'];
    minHeight?: FlexProps['minHeight'];
    maxHeight?: FlexProps['maxHeight'];
    overflow?: FlexProps['overflow'];
    overflowX?: FlexProps['overflowX'];
    overflowY?: FlexProps['overflowY'];
    get styles(): {
        zIndex: string | undefined;
        gridArea: string | undefined;
    };
    get classNames(): Record<string, boolean>;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'apo-flex': ApollionFlex;
    }
}