---
// Icon — small inline line-icon set for the highlights grid. Brass stroke,
// decorative (aria-hidden); meaning is carried by the adjacent heading.
interface Props {
  name: string;
  class?: string;
}
const { name, class: className } = Astro.props;

const paths: Record<string, string> = {
  // wi-fi: arcs + dot
  wifi: 'M2 8.5C5.5 5 10.5 5 14 8.5 M4.4 11C6.6 8.9 9.4 8.9 11.6 11 M8 13.6h.01',
  // climate: snowflake-ish / air swirl
  climate: 'M8 1.5v13 M2.4 4.7l11.2 6.6 M13.6 4.7L2.4 11.3 M8 1.5l-2 2 M8 1.5l2 2',
  // elevator: cabin with up/down chevrons
  elevator: 'M3 2.5h10v11H3z M6 6l-1.5 2h3z M10 10l1.5-2h-3z',
  // luggage: suitcase with handle
  luggage: 'M3.5 5.5h9v8h-9z M6 5.5V3.5h4v2 M6.5 8v3 M9.5 8v3',
  // reception: bell
  reception: 'M2.5 12.5h11 M4 12.5a4 4 0 0 1 8 0 M8 3.2v1.4 M8 1.8a1.2 1.2 0 0 1 0 2.4',
  // location: pin
  location: 'M8 14.5s5-4.4 5-8.2A5 5 0 0 0 3 6.3c0 3.8 5 8.2 5 8.2Z M8 4.6a1.8 1.8 0 1 0 0 3.6 1.8 1.8 0 0 0 0-3.6Z',
};
const d = paths[name] ?? paths.location;
---
<svg class={className} width="22" height="22" viewBox="0 0 16 16" fill="none"
     stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"
     aria-hidden="true" focusable="false">
  <path d={d} />
</svg>