import Icon from "./Icon";

// Farbiges Icon-Plättchen für Konten und Kategorien: getönter Hintergrund,
// Icon in der Akzentfarbe. Farbe kommt aus dem Datensatz (hex).
export default function IconChip({ name, color = "#6b7480", size = 34 }) {
  const inner = Math.round(size * 0.56);
  return (
    <span
      className="icon-chip"
      style={{ width: size, height: size, color, background: `${color}22` }}
    >
      <Icon name={name} size={inner} />
    </span>
  );
}