export const MODAL_SEARCH_SHELL_CLASS =
  "group/search mt-4 flex cursor-text items-center gap-3 rounded-xl border border-input bg-muted/40 px-3 py-2.5 transition-colors duration-150 ease-out hover:border-muted-foreground/40 focus-within:border-muted-foreground/50";

export const MODAL_SEARCH_INPUT_CLASS =
  "block h-6 min-w-0 flex-1 border-0 bg-transparent p-0 text-sm leading-5 text-muted-foreground/55 shadow-none caret-foreground outline-none transition-colors duration-150 ease-out placeholder:text-muted-foreground/55 group-hover/search:text-muted-foreground group-hover/search:placeholder:text-muted-foreground group-focus-within/search:text-foreground group-focus-within/search:placeholder:text-foreground";