import type { ComponentType, SVGProps } from 'react';
import type { RoleCategory } from '@/services/api/adminApi';
export interface RoleCategoryStyle {
    readonly icon: ComponentType<SVGProps<SVGSVGElement>>;
    /** Tailwind class binding the text color CSS variable. */
    readonly textClass: string;
    /** Tailwind class binding the background color CSS variable. */
    readonly bgClass: string;
    /** Tailwind class binding the border color CSS variable. */
    readonly borderClass: string;
    /** Raw text CSS variable (for usages that need the value, not a class). */
    readonly textVar: string;
}
/**
 * Single source of truth for role category styling. Consumed by RolesPage,
 * EntraGroupRoleAssignment, and any other surface that renders a role badge.
 *
 * Colors are driven by the `--category-{name}-*` CSS variables defined in
 * `base.css` and overridable per theme (see ThemeContext.applyCategoryColors).
 * Never reuse status tokens (`--info-*`, `--success-*`, `--error-*`) here —
 * those are reserved for genuine status messages.
 */
export declare const ROLE_CATEGORY_CONFIG: Record<RoleCategory, RoleCategoryStyle>;
//# sourceMappingURL=roleCategoryConfig.d.ts.map