/** One sprite, one hand. Never import a generic icon pack: that breaks the
 *  single-hand rule the ethos set exists to hold. */
export function Icon({ name, size = 20 }: { name: string; size?: number }) {
  return (
    <svg
      width={size}
      height={size}
      aria-hidden="true"
      focusable="false"
      fill="none"
      stroke="currentColor"
      strokeWidth={1.7}
      strokeLinecap="round"
      strokeLinejoin="round"
    >
      <use href={`/ethos-icons.svg#i-${name}`} />
    </svg>
  )
}
