import { StoryObj } from "@storybook/react-vite";
import React from "react";
import { type ViewProps } from "./..";
declare const _default: {
    title: string;
    component: {
        <As extends keyof React.JSX.IntrinsicElements = "div">(props: ViewProps<As>): React.JSX.Element;
        displayName: string;
    } & {
        Item: typeof import("../View").ViewItem;
    };
    parameters: {
        iframe: {
            url: string;
        };
    };
};
export default _default;
export declare const padding: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const direction: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const gap: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const divided: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const bleed: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const wrap: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const align: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const justify: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const textAlign: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const size: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const ratio: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const maxSize: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const minSize: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const background: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const borderColor: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const border: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const radius: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const shadow: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const overflow: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const positioning: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const inset: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const animated: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const itemGapBefore: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const itemGrow: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const itemColumns: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const itemOrder: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const hiddenItem: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const keys: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const nestedGaps: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const testComposition: {
    name: string;
    render: () => React.JSX.Element;
};
export declare const asProp: StoryObj;
export declare const className: StoryObj;
export declare const itemClassName: StoryObj;