import { IconName } from '../Icon';
import { StoryFn } from '@storybook/vue3';
import { ChipColor } from './constants';
declare const _default: {
    title: string;
    component: import('vue').DefineComponent<{
        size: {
            type: import('vue').PropType<"md">;
            default: "md";
        };
        icon: {
            type: import('vue').PropType<IconName>;
            required: true;
        };
        color: {
            type: import('vue').PropType<ChipColor>;
            default: "neutral";
        };
        variant: {
            type: import('vue').PropType<"primary">;
            default: "primary";
        };
    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        size: {
            type: import('vue').PropType<"md">;
            default: "md";
        };
        icon: {
            type: import('vue').PropType<IconName>;
            required: true;
        };
        color: {
            type: import('vue').PropType<ChipColor>;
            default: "neutral";
        };
        variant: {
            type: import('vue').PropType<"primary">;
            default: "primary";
        };
    }>>, {
        size: "md";
        color: ChipColor;
        variant: "primary";
    }, {}>;
    parameters: {
        docs: {
            page: string;
        };
    };
    argTypes: {
        color: {
            options: ("error" | "neutral" | "success" | "upgrade" | "warning")[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        icon: {
            options: ("Close" | "AppWindows" | "ArrowDownToLine" | "ArrowTrendUp" | "Back" | "BankAccount" | "Bars" | "Bell" | "BorderOut" | "Building" | "Bullhorn" | "Calendar" | "CalendarAlt" | "CampaignAutomated" | "CampaignOneTime" | "Car" | "CircleCheck" | "CircleClose" | "CircleEmpty" | "CircleExclamation" | "CircleInfo" | "CircleQuestion" | "CircleUser" | "Clipboard" | "ClockFour" | "ClockSeven" | "ClockTen" | "CloudData" | "Code" | "Coin" | "Collapse" | "CommentNotes" | "Creative" | "CreditCard" | "CreditCardSearch" | "Delete" | "Details" | "DollarSign" | "DoubleSidedArrow" | "Duplicate" | "Edit" | "Ellipsis" | "EllipsisVertical" | "Envelope" | "EnvelopeSearch" | "Envelopes" | "Error" | "Exit" | "Export" | "FileAlt" | "FileInfo" | "FileShare" | "Filter" | "Fire" | "FolderInfo" | "Future" | "Gear" | "Gift" | "Integrations" | "ImageSearch" | "LayerGroup" | "Layers" | "Lightning" | "LocationPin" | "MagnifyingGlass" | "MoneyBill" | "Minus" | "NavArrowLeft" | "Next" | "Notes" | "Pen" | "OpenBook" | "PaintRoller" | "PieChartSlice" | "PlanBusiness" | "PlanDeveloper" | "PlanEnterprise" | "PlanGrowthPlus" | "PlanGrowth" | "PlanStartup" | "Plus" | "Previous" | "Processing" | "QRCode" | "Repeat" | "Resize" | "Send" | "Signal" | "Success" | "Tag" | "TemplateModeSwitch" | "TriangleExclamation" | "Truck" | "Unverified" | "User" | "Users" | "Verified" | "Webhooks")[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        size: {
            options: "md"[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        variant: {
            options: "primary"[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
    };
};
export default _default;
export declare const AllChips: StoryFn;
export declare const Primary: StoryFn;