import { StoryObj } from '@storybook/react';
import { FancyRangeSlider } from '..';
declare const meta: {
    component: typeof FancyRangeSlider;
    title: string;
    parameters: {
        docs: {
            description: {
                component: string;
            };
        };
    };
    argTypes: {
        icon: {
            description: string;
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        disabled: {
            description: string;
            control: {
                type: "boolean";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        min: {
            description: string;
            control: {
                type: "number";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        max: {
            description: string;
            control: {
                type: "number";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        value: {
            description: string;
            control: {
                type: "number";
            };
        };
        transparentBackground: {
            description: string;
            control: {
                type: "boolean";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        displayNumberInput: {
            description: string;
            control: {
                type: "boolean";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        outlined: {
            description: string;
            control: {
                type: "boolean";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        themeType: {
            description: string;
            control: {
                type: "select";
            };
            options: ("primary" | "accent" | "secondary" | "info" | "success" | "warning" | "error" | "transparent" | undefined)[];
            table: {
                defaultValue: {
                    summary: "primary" | "accent" | "secondary" | "info" | "success" | "warning" | "error" | "transparent";
                };
            };
        };
        layer: {
            description: string;
            control: {
                type: "range";
                min: number;
                max: number;
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        label: {
            description: string;
            control: {
                type: "text";
            };
        };
        align: {
            description: string;
            control: {
                type: "select";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Primary: Story;
export declare const WithNumberInput: Story;
export declare const WithTransparentBackground: Story;