utils

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

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

export const focusRing = tv({
  base: "outline-none",
  variants: {
    isFocusVisible: {
      false: "outline-0",
      true: "ring-ring/50 ring-[3px] border-ring",
    },
  },
})