text: const arrowIcon = `
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="120"
    height="120"
    fill="none"
    viewBox="0 0 120 120"
    >
    <path
      fill="transparent"
      fillRule="evenodd"
      d="M60 120c33.137 0 60-26.863 60-60S93.137 0 60 0 0 26.863 0 60s26.863 60 60 60z"
      clipRule="evenodd"
    ></path>
    <path
      fill="#000"
      d="M51.178 43.524c.7-.699 1.8-.699 2.5 0 .675.676.675 1.8 0 2.474L41.005 58.67H82.82c.975 0 1.775.775 1.775 1.75 0 .974-.8 1.774-1.775 1.774H41.006l12.671 12.648c.676.7.676 1.825 0 2.5-.699.698-1.8.698-2.499 0L35.507 61.67a1.763 1.763 0 010-2.474l15.671-15.672z"
    ></path>
  </svg>
  `;
  
  export default arrowIcon;