import React 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}
  >
    <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>
));