import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const chipStyles: {
    chip: RuntimeFn<{
        /**
         * Specifies whether the chip will be displayed in the pill shape
         * @default false
         */
        pill: {
            true: {
                borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Specifies whether the chip is selected
         * @default false
         */
        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})`;
                };
            };
        };
        /**
         * Specifies the size of the chip
         * @default medium
         */
        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";
            };
        };
        /**
         * Specifies whether to handle text overflow within the chip.
         * When true, overflowing text is typically truncated with an ellipsis.
         * @default false
         */
        textOverflow: {
            true: {
                minWidth: "auto";
                width: "100%";
            };
        };
    }>;
    content: RuntimeFn<{
        /**
         * Specifies whether to handle text overflow within the chip.
         * When true, overflowing text is typically truncated with an ellipsis.
         */
        textOverflow: {
            true: {
                textOverflow: "ellipsis";
                whiteSpace: "nowrap";
                width: "100%";
                display: "block";
                overflow: "hidden";
            };
        };
    }>;
    close: string;
    overlay: string;
};
declare const paddingProperties: {
    medium: string;
    small: string;
};

export { chipStyles, paddingProperties };