import React from 'react';
import { Icon } from '../Icon/Icon';
import type { IconPropsWithoutChildren } from '../Icon/Icon';

export const TagIcon = (props: IconPropsWithoutChildren) => {
  return (
    <Icon {...props}>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
      >
        <path d="M15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z" />
        <path
          fillRule="evenodd"
          d="M12.6567 3C11.5959 3 10.5785 3.42143 9.82831 4.17157L3.82831 10.1716C2.26621 11.7337 2.26622 14.2663 3.82831 15.8284L8.17146 20.1716C9.73356 21.7337 12.2662 21.7337 13.8283 20.1716L19.8283 14.1716C20.5785 13.4214 20.9999 12.404 20.9999 11.3431V3H12.6567ZM12.6567 5H18.9999V11.3431C18.9999 11.8736 18.7892 12.3823 18.4141 12.7574L12.4141 18.7574C11.633 19.5384 10.3667 19.5384 9.58568 18.7574L5.24253 14.4142C4.46148 13.6332 4.46148 12.3668 5.24252 11.5858L11.2425 5.58579C11.6176 5.21071 12.1263 5 12.6567 5Z"
          clipRule="evenodd"
        />
      </svg>
    </Icon>
  );
};
