import React from "react";
import type { StoryObj } from "@storybook/react";
/**
 * Chip component for displaying tags, categories, skills, and removable items.
 *
 * Used throughout iCaptur for:
 * - Skills display (User Interface, Animation, etc.)
 * - Active filter badges
 * - Categories and tags
 * - Removable items
 */
declare const meta: {
    title: string;
    component: React.ForwardRefExoticComponent<import("../..").ChipProps & React.RefAttributes<HTMLDivElement>>;
    parameters: {
        layout: string;
        docs: {
            description: {
                component: string;
            };
        };
    };
    tags: string[];
    argTypes: {
        size: {
            control: "select";
            options: string[];
            description: string;
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        appearance: {
            control: "select";
            options: string[];
            description: string;
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        dismissible: {
            control: "boolean";
            description: string;
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        disabled: {
            control: "boolean";
            description: string;
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta> & {
    render?: () => React.JSX.Element;
};
/**
 * Default chip appearance
 */
export declare const Default: Story;
/**
 * Chip with different sizes
 */
export declare const Sizes: Story;
/**
 * Chip with different appearances
 */
export declare const Appearances: Story;
/**
 * Dismissible chip with remove button
 */
export declare const Dismissible: Story;
/**
 * Chip with icon
 */
export declare const WithIcon: Story;
/**
 * Disabled state
 */
export declare const Disabled: Story;
/**
 * Clickable chips
 */
export declare const Clickable: Story;
/**
 * Skills display pattern (iCaptur)
 */
export declare const SkillsDisplay: Story;
/**
 * Active filters pattern (iCaptur)
 */
export declare const ActiveFilters: Story;
/**
 * Project skills pattern (iCaptur Experience form)
 */
export declare const ProjectSkills: Story;
/**
 * All variations showcase
 */
export declare const AllVariations: Story;
//# sourceMappingURL=Chip.stories.d.ts.map