export interface Tag {
	label: string;
	iconName: string;
}

export const tagsInfo: Record<string, Tag> = {
	best: {
		label: "Best Price",
		iconName: "paid",
	},
	fast: {
		label: "Fastest",
		iconName: "offline_bolt",
	},
};

export const RouteTag = ({
	item,
	isActive,
}: { item: Tag; isActive: boolean }) => {
	// biome-ignore format:
	const style = `${isActive ? 'bn-text-accent-1' : 'bn-text-secondary'} bn-flex bn-items-center`

	return (
		<div className={style}>
			<span className="bn-text-sm bn-uppercase bn-font-medium">{item.label}</span>
		</div>
	);
};
