import type { CSSProperties } from "react";

import type { AdminTheme } from "./theme";

export function adminThemeVars(theme: AdminTheme): CSSProperties {
  return {
    "--admin-rail-width": theme.railWidth,
    "--admin-topbar-height": theme.topbarHeight,
    "--admin-drawer-width": theme.drawerWidth,
    "--admin-shell-bg": theme.shellBg,
    "--admin-rail-bg": theme.railBg,
    "--admin-border": theme.border,
    "--admin-card-radius": theme.cardRadius,
    "--admin-danger": theme.danger,
    "--admin-accent": theme.accent,
    "--admin-muted": theme.muted,
  } as CSSProperties;
}
