import React, { type JSX } from 'react';

type Props = {
  className?: string;
};

export const Hexagon = React.memo(
  (props: Props): JSX.Element => (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 27.691 23.999"
      height="36px"
      className={props.className}
    >
      <title>Create</title>
      <g className="background" transform="translate(0 0)">
        <path
          d="M20.768,0l6.923,12L20.768,24H6.923L0,12,6.923,0Z"
          transform="translate(0)"
        ></path>
      </g>
    </svg>
  ),
);
