import { default as React } from 'react'; export type PolicyModeSelectorValue = "strict" | "flexible"; export interface PolicyModeOption { description: string; label: string; value: PolicyModeSelectorValue; } export interface PolicyModeSelectorProps { /** RHF field path the radio binds to (e.g. `"mode"`). */ name: string; /** Exactly two options expected — `strict` first, `flexible` second. */ options: [PolicyModeOption, PolicyModeOption]; className?: string; style?: React.CSSProperties; } /** * Two side-by-side radio cards used for the policy enforcement mode * (`strict` / `flexible`). Mode-specific to the card-policy create page — * not promoted to the design system yet since it has no other consumers. * * Active card uses a primary-colored border + tinted background; * inactive cards keep the standard grey2 border. */ declare const PolicyModeSelector: React.FC; export default PolicyModeSelector;