import { ComponentOptionsMixin } from 'vue';
import { ComponentProvideOptions } from 'vue';
import { DefineComponent } from 'vue';
import { ExtractPropTypes } from 'vue';
import { PropType } from 'vue';
import { PublicProps } from 'vue';

declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

declare type __VLS_Prettify<T> = {
    [K in keyof T]: T[K];
} & {};

declare type __VLS_TypePropsToRuntimeProps<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: PropType<T[K]>;
        required: true;
    };
};

declare type __VLS_WithDefaults<P, D> = {
    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
        default: D[K];
    }> : P[K];
};

declare type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};

declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IconLabelProps>, {
color: undefined;
href: undefined;
to: undefined;
stacked: boolean;
truncate: boolean;
}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IconLabelProps>, {
color: undefined;
href: undefined;
to: undefined;
stacked: boolean;
truncate: boolean;
}>>> & Readonly<{}>, {
to: string | object;
href: string;
color: "ice-700" | "purple-700" | "purple-500" | "purple-100" | "royal-700" | "royal-500" | "royal-100" | "blue-700" | "blue-500" | "blue-100" | "teal-700" | "teal-500" | "teal-100" | "green-700" | "green-500" | "green-100" | "seafoam-700" | "seafoam-500" | "seafoam-100" | "yellow-700" | "yellow-500" | "yellow-100" | "orange-700" | "orange-500" | "orange-100" | "red-700" | "red-500" | "red-100" | "ice-500" | "ice-200" | "ice-100" | "white" | "black";
truncate: boolean;
stacked: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
    default?(_: {}): any;
}>;
export default _default;

export declare interface IconLabelProps {
    /**
     * Name of the icon to use. All design system icons are supported.
     */
    icon: IconName;
    /**
     * Color to apply to the icon. Common Stash colors are supported (100, 500, & 700 shades).
     */
    color?: StashCommonColor;
    /**
     * Valid hyperlink.
     */
    href?: string;
    /**
     * Valid vue-router route.
     */
    to?: string | object;
    /**
     * If true, renders the label below the icon instead of to the right
     */
    stacked?: boolean;
    /**
     * If true, truncates overflowing text with an ellipsis when it's unable to wrap
     */
    truncate?: boolean;
}

declare type IconName = (typeof iconNames)[number];

/**
 * To add a new icon, follow these steps:
 *
 * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
 */
declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "bank", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-slash", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "cloud-share", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "face-id", "face", "featured-no-check", "figma", "file-csv", "file", "filter-funnel", "filter-line", "fingerprint", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reorder", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "start", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "tag-leaf", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user-group", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];

declare type StashCommonColor = `${StashCommonColors}`;

/**
 * A limited list of stash brand colors, only including their 100, 500, and 700 shades.
 */
declare enum StashCommonColors {
    Purple700 = "purple-700",
    Purple500 = "purple-500",
    Purple100 = "purple-100",
    Royal700 = "royal-700",
    Royal500 = "royal-500",
    Royal100 = "royal-100",
    Blue700 = "blue-700",
    Blue500 = "blue-500",
    Blue100 = "blue-100",
    Teal700 = "teal-700",
    Teal500 = "teal-500",
    Teal100 = "teal-100",
    Green700 = "green-700",
    Green500 = "green-500",
    Green100 = "green-100",
    Seafoam700 = "seafoam-700",
    Seafoam500 = "seafoam-500",
    Seafoam100 = "seafoam-100",
    Yellow700 = "yellow-700",
    Yellow500 = "yellow-500",
    Yellow100 = "yellow-100",
    Orange700 = "orange-700",
    Orange500 = "orange-500",
    Orange100 = "orange-100",
    Red700 = "red-700",
    Red500 = "red-500",
    Red100 = "red-100",
    Ice700 = "ice-700",
    Ice500 = "ice-500",
    Ice200 = "ice-200",// This is the one outlier, but it's used purposefully in a few places
    Ice100 = "ice-100",
    White = "white",
    Black = "black"
}

export { }