import { twJoin } from "tailwind-merge";

export const checkboxIconStyles = twJoin(
  "m-[5px] box-border flex h-[14px] w-[14px] items-center justify-center rounded-[3px] border-2 p-2",
  "border-solid border-N40 text-transparent",
  "hover:bg-N20A group-hover:bg-N20A",
  "ring-B400FR ring-offset-2 peer-focus:ring-3",
  "peer-checked:border-0 peer-checked:bg-B400 peer-checked:text-N0 hover:peer-checked:bg-B500 group-hover:peer-checked:bg-B500",
  // eslint-disable-next-line max-len
  "peer-indeterminate:border-0 peer-indeterminate:bg-B400 peer-indeterminate:text-N0 hover:peer-indeterminate:bg-B500 group-hover:peer-indeterminate:bg-B500",
  "hover:bg-N20A group-hover:bg-N20A",
  // eslint-disable-next-line max-len
  "peer-disabled:border-0 peer-disabled:bg-N20A hover:peer-disabled:bg-N20A peer-disabled:peer-checked:text-N60 peer-disabled:peer-indeterminate:text-N60",
  "ring-B400FR ring-offset-2 peer-focus:ring-3"
);
