// Identité visuelle partagée par les dropdowns du BlockEditor (BlockActionsMenu,
// BlockInsertMenu, InlineToolbar, LinkPopover). Constantes de className
// uniquement — pas de JSX, pas de logique. Le but est d'aligner les
// quatre menus sur la même boîte arrondie / mêmes hover states sans
// imposer un wrapper de composant qui ne conviendrait pas aux trois
// formes très différentes (liste verticale, barre horizontale, formulaire).

export const BOX_CLASS =
  'rounded-xl border border-black/8 dark:border-white/8 bg-white dark:bg-[#0B0B0B] shadow-lg';

export const ITEM_CLASS =
  'cursor-pointer w-full flex items-center gap-2 px-[7px] py-[10px] rounded-lg text-[13px] leading-none text-neutral-500 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-white/5 hover:text-neutral-900 dark:hover:text-white transition-colors duration-[120ms] ease-out text-left';

export const ITEM_DANGER_CLASS =
  'cursor-pointer w-full flex items-center gap-2 px-[7px] py-[10px] rounded-lg text-[13px] leading-none text-red-700 dark:text-red-600 hover:bg-red-700/10 dark:hover:bg-red-700/20 transition-colors duration-150 text-left';

export const ICON_BTN_CLASS =
  'w-7 h-7 flex items-center justify-center rounded-lg text-[13px] leading-none text-neutral-500 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-white/5 hover:text-neutral-900 dark:hover:text-white transition-colors duration-[120ms] ease-out';

export const ICON_BTN_ACTIVE_CLASS =
  'bg-neutral-100 dark:bg-white/5 text-neutral-900 dark:text-white';

export const SEPARATOR_CLASS = 'h-px bg-black/6 dark:bg-white/6 my-0.5';

export const SEPARATOR_VERTICAL_CLASS = 'w-px h-5 bg-black/6 dark:bg-white/6 mx-1 self-center';
