import clsx, { type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";

export function cx(...args: ClassValue[]) {
	return twMerge(clsx(...args));
}

export const focusInput = [
	"focus:ring-2",
	"focus:ring-ring/30",
	"focus:border-primary",
];

export const focusRing = [
	"outline outline-offset-2 outline-0 focus-visible:outline-2",
	"outline-primary",
];

export const hasErrorInput = [
	"ring-2",
	"border-destructive",
	"ring-destructive/30",
];