17 lines
849 B
TypeScript
17 lines
849 B
TypeScript
import { buttonInteractionVariants } from "@/shared/ui/button-interaction";
|
|
import { cn } from "@/shared/ui/cn";
|
|
|
|
export const headerControlButtonClassName =
|
|
cn(
|
|
buttonInteractionVariants({ tone: "neutral" }),
|
|
"inline-flex h-8 items-center gap-2 whitespace-nowrap rounded-full border border-transparent bg-transparent text-sm font-semibold after:absolute after:-inset-1 after:content-['']"
|
|
);
|
|
|
|
export const compactHeaderControlButtonClassName =
|
|
"h-10 w-10 justify-center px-0";
|
|
|
|
export const headerControlIconClassName =
|
|
"header-control-icon grid h-5 w-5 shrink-0 place-items-center rounded-full bg-slate-100/80 text-slate-500 transition-colors group-hover:bg-blue-50 group-hover:text-blue-700 group-data-[state=open]:bg-blue-50 group-data-[state=open]:text-blue-700";
|
|
|
|
export const compactHeaderTextClassName = "hidden 2xl:inline";
|