import type { CSSProperties } from "react";

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

export function inThemeVars(theme: InTheme): CSSProperties {
  return {
    "--in-shell-bg": theme.shellBg,
    "--in-panel-bg": theme.panelBg,
    "--in-border": theme.border,
    "--in-accent": theme.accent,
    "--in-accent-soft": theme.accentSoft,
    "--in-muted": theme.muted,
    "--in-text": theme.text,
    "--in-card-radius": theme.cardRadius,
  } as CSSProperties;
}
