import { SVGProps } from "react";

interface Props {
  color?: string;
}

function TabSVG({
  color = "#247DCF",
  ...props
}: Props & SVGProps<SVGSVGElement>) {
  return (
    <svg
      width="58"
      height="71"
      viewBox="0 0 58 71"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0 -0.5H58L49.873 9.25243C37.2024 24.4571 37.2024 46.5429 49.873 61.7476L58 71.5H0V-0.5Z"
        fill={color}
      />
    </svg>
  );
}

export default TabSVG;
