import React from "react";

import { scaleW } from "../../../utils/helperMethods";
import useConvertThemeColor from "./useConvertThemeColor";

const NbcuIcon = ({ iconType = "normal" }) => {
  const themeColor = useConvertThemeColor({ iconType });
  return (
    <svg
      width={scaleW(48)}
      height={scaleW(48)}
      viewBox="0 0 48 48"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle cx="24" cy="24" r="22" fill={themeColor} opacity="0.1" stroke={themeColor} strokeWidth="0.5" />
      <text
        x="24"
        y="32"
        textAnchor="middle"
        fill={themeColor}
        fontSize="18"
        fontWeight="bold"
        fontFamily="Arial, sans-serif"
      >
        NBC
      </text>
      <text
        x="24"
        y="40"
        textAnchor="middle"
        fill={themeColor}
        fontSize="10"
        fontFamily="Arial, sans-serif"
      >
        U
      </text>
    </svg>
  );
};

export default NbcuIcon;
