import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const chip: {
    classnames: {
        chip: RuntimeFn<{
            pill: {
                true: {
                    borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
            selected: {
                true: {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                    ":hover": {
                        backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    };
                };
            };
            size: {
                medium: {
                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                    height: "2rem";
                };
                small: {
                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                    height: "1.5rem";
                };
            };
            textOverflow: {
                true: {
                    minWidth: "auto";
                    width: "100%";
                };
            };
        }>;
        content: RuntimeFn<{
            textOverflow: {
                true: {
                    textOverflow: "ellipsis";
                    whiteSpace: "nowrap";
                    width: "100%";
                    display: "block";
                    overflow: "hidden";
                };
            };
        }>;
        close: string;
        overlay: string;
    };
    sprinkle: SprinklesFn<[{
        config: {
            padding: {
                values: {
                    medium: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    small: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                };
                staticScale: {
                    medium: string;
                    small: string;
                };
                name: "padding";
            };
        };
    } & {
        config: {
            textTransform: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                };
                dynamicScale: true;
                name: "textTransform";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                };
            };
        };
    }]>;
};

export { chip };