const tokenCounterTheme = {
    baseStyle: "inline-flex items-center gap-1",
    iconStyle: "text-[var(--color-text-muted)]",
    countStyle: "font-medium text-[var(--color-text-primary)]",
    labelStyle: "text-[var(--color-text-muted)]",
    costStyle: "text-[var(--color-text-muted)] font-mono",
    progressStyle: "h-1 bg-[var(--color-background-tertiary)] rounded-full overflow-hidden",
    progressBarStyle: "h-full bg-[var(--color-primary)] transition-all duration-200",
    sizes: {
        sm: {
            container: "text-sm",
            icon: "size-3",
            text: "text-sm",
        },
        md: {
            container: "text-base",
            icon: "size-4",
            text: "text-base",
        },
        lg: {
            container: "text-lg",
            icon: "size-5",
            text: "text-lg",
        },
    },
};

export { tokenCounterTheme };
