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<MetricProps>, {
size: string;
variant: string;
accentColor: string;
}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MetricProps>, {
size: string;
variant: string;
accentColor: string;
}>>> & Readonly<{}>, {
size: "small" | "standard";
variant: "accent" | "naked";
accentColor: "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";
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
    secondary?(_: {}): any;
}>;
export default _default;

export declare interface MetricProps {
    /**
     * The primary text that will show in the metric.
     */
    value: number | string;
    /**
     * The label for the metric. Appears above the value.
     */
    label: string;
    /**
     * The variant of the metric. Defaults to `naked`.
     */
    variant?: MetricVariant;
    /**
     * The accent color for the metric. Defaults to `teal`. Currently only used when the variant = `accent`.
     */
    accentColor?: StashCommonColor;
    /**
     * Controls the size of the metric via text size adjustments.
     */
    size?: MetricSize;
}

export declare type MetricSize = `${MetricSizes}`;

export declare enum MetricSizes {
    Small = "small",
    Standard = "standard"
}

export declare type MetricVariant = `${MetricVariants}`;

export declare enum MetricVariants {
    Accent = "accent",
    Naked = "naked"
}

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 { }