"use client"; import { memo } from "react"; import CheckboxGroup from "../CheckboxGroup"; import type { InfoMessageBoxViewProps } from "./InfoMessageBox.types"; /** Exclamation icon per Figma 19751:35053 – vertical bar + dot inside circle; circle bg white 10% opacity, no border */ function ExclamationIconInline() { const fillColor = "var(--color-content-default-primary, white)"; return ( ); } function InfoMessageBoxView({ title, items, icon, checkedIds, onGroupChange, className, }: InfoMessageBoxViewProps) { const options = items.map((item) => ({ value: item.id, label: item.label, })); const handleChange = (data: { value: string[] }) => { onGroupChange(data.value); }; return (
{icon ?? }

{title}

); } export default memo(InfoMessageBoxView);