import { type StoryObj } from "@storybook/react-vite";
import { type ComponentProps } from "react";
import { type BackgroundColor, type CursorOption } from "../src/types/general.types";
declare const meta: {
    title: string;
    component: <C extends import("react").ElementType = "div">(props: import("react").PropsWithoutRef<ComponentProps<C>> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
        as?: C | undefined;
        elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/system/Sizes").SIZES;
        backgroundColor?: BackgroundColor;
        borderRadius?: keyof typeof import("../src/system/Sizes").SIZES;
        borderRadiusLeft?: keyof typeof import("../src/system/Sizes").SIZES;
        borderRadiusRight?: keyof typeof import("../src/system/Sizes").SIZES;
        hoverBackgroundColor?: BackgroundColor;
        cursor?: CursorOption;
    } & {
        ref?: import("react").ComponentPropsWithRef<C>["ref"] | undefined;
    }) => import("react").ReactElement | null;
    parameters: {};
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const Spacing: Story;
export declare const SpacingOverview: Story;
export declare const BackgroundColors: Story;
export declare const Cursor: Story;
export declare const HoverBackgroundColors: Story;
export declare const Elevation: Story;
export declare const Fractions: Story;
export declare const RefForwarding: Story;