import { type CSSProperties } from 'react';

type Props = {
  className?: string;
  style?: CSSProperties;
};

const Edit = ({ className, style }: Props) => {
  return (
    <svg
      width="45"
      height="21"
      viewBox="0 0 45 21"
      xmlns="http://www.w3.org/2000/svg"
      fill="#2B67F9"
      className={className}
      style={style}
    >
      <path
        d="M9.37333 8.5L10 9.12667L3.94667 15.1667H3.33333V14.5533L9.37333 8.5ZM11.7733 4.5C11.6067 4.5 11.4333 4.56667 11.3067 4.69333L10.0867 5.91333L12.5867 8.41333L13.8067 7.19333C14.0667 6.93333 14.0667 6.5 13.8067 6.25333L12.2467 4.69333C12.1133 4.56 11.9467 4.5 11.7733 4.5ZM9.37333 6.62667L2 14V16.5H4.5L11.8733 9.12667L9.37333 6.62667Z"
        fill="inherit"
      />
      <path
        d="M20.994 15V5.662H27.392V7.104H22.632V9.526H27.294V10.968H22.632V13.558H27.392V15H20.994ZM33.7921 15V14.076C33.2741 14.748 32.4901 15.168 31.6221 15.168C29.8861 15.168 28.6121 13.852 28.6121 11.626C28.6121 9.442 29.8721 8.07 31.6221 8.07C32.4621 8.07 33.2461 8.462 33.7921 9.176V5.662H35.2621V15H33.7921ZM33.7921 12.97V10.282C33.4561 9.778 32.7421 9.372 32.0421 9.372C30.8801 9.372 30.1381 10.31 30.1381 11.626C30.1381 12.928 30.8801 13.866 32.0421 13.866C32.7421 13.866 33.4561 13.474 33.7921 12.97ZM37.8948 7.118C37.4048 7.118 36.9848 6.712 36.9848 6.208C36.9848 5.704 37.4048 5.298 37.8948 5.298C38.3988 5.298 38.8048 5.704 38.8048 6.208C38.8048 6.712 38.3988 7.118 37.8948 7.118ZM37.1668 15V8.238H38.6368V15H37.1668ZM42.5738 15.168C41.4398 15.168 40.8378 14.552 40.8378 13.432V9.526H39.7178V8.238H40.8378V6.39H42.3078V8.238H43.6798V9.526H42.3078V13.068C42.3078 13.53 42.5318 13.866 42.9518 13.866C43.2318 13.866 43.4978 13.754 43.6098 13.628L43.9598 14.734C43.6938 14.986 43.2598 15.168 42.5738 15.168Z"
        fill="inherit"
      />
    </svg>
  );
};

export default Edit;