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

export const NoGasTag = ({
	small = false,
	classNames,
}: { small?: boolean; classNames?: string }) => {
	// biome-ignore format:
	const style = twMerge(`bn-text-accent-2 bn-font-medium bn-flex bn-items-center bn-space-x-1 ${small ? "bn-text-sm" : "bn-text-sm"}`, classNames);

	return (
		<span className={style}>
			<MIcon name="eco" classNames="bn-text-base" />
			<span>Gasless</span>
		</span>
	);
};
