import { twMerge } from "@utils/tailwindMerge";

export const AutoTag = ({ active = false, classNames }: { active: boolean, classNames?: string }) => {
    const style = twMerge(`bn-text-sm bn-font-semibold bn-uppercase bn-h-5 bn-leading-[20px] bn-px-2 bn-rounded-bl-lg bn-mb-1 ${active ? 'bn-bg-theme bn-text-[#262420]' : 'bn-bg-layer-3 bn-text-secondary'}`, classNames);
	return (
		<div className={style}>
			Auto
		</div>
	);
};
