import { BRAND_ICONS, STROKE_ICONS } from "../../../../shared/shareIcons";

/** Network logo for the Share via toggles (same art as the storefront). */
const NetworkLogo = ({ name }) => {
  const brand = BRAND_ICONS[name];

  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      className="ino:size-4"
      fill={brand ? brand.color : "none"}
      stroke={brand ? undefined : "currentColor"}
      strokeWidth={brand ? undefined : 2}
      strokeLinecap="round"
      strokeLinejoin="round"
    >
      <path d={brand ? brand.path : STROKE_ICONS[name]} />
    </svg>
  );
};

export default NetworkLogo;