text: import * as React from 'react';
  
  export const ArrowDown = () => (
      <svg id="arrow-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.23 207.71"><defs><style>{`.cls-1{opacity:1;fill:rgba(0, 0, 0, 0.54);}`}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path id="arrow-path" className="cls-1" d="M383.23,19.21c-1.58,4.58-4.63,8.07-8,11.46q-85.12,85-170.16,170.1c-9.24,9.24-17.61,9.25-26.81,0Q92.11,114.69,6,28.57c-7.92-7.92-8-18.48-.21-24.88a15.83,15.83,0,0,1,20.6.24c1.13,1,2.17,2.07,3.23,3.12q79.52,79.52,159,159.07c2.31,2.31,3.49,2.62,6,.1q79.92-80.16,160-160.17c4.54-4.54,9.59-7,16.11-5.63,6.67,1.43,10.21,6.12,12.55,12.05Z"/></g></g></svg>
  );
  
  export const Trash = () => (
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335.38 383.11"><defs><style>{`.cls-1{fill:#911d22;}`}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Trash"><path className="cls-1" d="M215.57,0c0,6.86.16,13.72-.07,20.57-.1,2.82.66,3.45,3.45,3.44,37.53-.1,75.07,0,112.6-.15,3.12,0,3.87.73,3.83,3.83-.19,13.72-.15,27.44,0,41.15,0,2.46-.65,3-3.07,3q-164.61-.11-329.21,0c-2.42,0-3.09-.59-3.07-3C.14,55,.16,41.16,0,27.32c0-2.79.64-3.45,3.44-3.45C41,24,78.51,23.9,116.05,24c3.1,0,4-.69,3.83-3.82-.27-6.73-.08-13.47-.08-20.2Z"/><path className="cls-1" d="M167.67,95.78q70,0,139.91-.08c3.06,0,3.86.64,3.85,3.8q-.15,117.08-.08,234.17c0,28.67-20.84,49.43-49.57,49.43q-94.08,0-188.16,0C44.88,383.1,24,362.34,24,333.7q0-117.09-.08-234.18c0-3.11.72-3.83,3.83-3.82Q97.72,95.87,167.67,95.78Z"/></g></g></g></svg>
  );
  
  export const Loope = ({ isSearch, onShowSearch }) => (
      <svg onClick={onShowSearch} className={isSearch ? "search-img":"search-img isSearch"} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.24 383.25"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path id="Loope" d="M161.68,0c7.71,1.39,15.52,2,23.2,3.66C244,16.6,290.86,65.51,301,125.34c7.37,43.58-2.47,83.12-29,118.45-1.89,2.52-2,3.75.34,6q52.5,52.26,104.84,104.7c4.75,4.74,7.31,10.05,5.49,16.83a15.84,15.84,0,0,1-25.38,8.3,46.2,46.2,0,0,1-3.53-3.33q-51.6-51.58-103.13-103.24c-2.67-2.69-4.17-3.17-7.45-.65-62.9,48.31-153.78,38.95-205.61-21C16,226.53,3.58,197.75.64,164.91A28.36,28.36,0,0,0,0,161.68V141.47a20.88,20.88,0,0,0,.63-2.88A144.19,144.19,0,0,1,21.24,74.52C44.78,36,78.69,11.83,123.11,2.85,129.18,1.63,135.35.94,141.47,0ZM271.51,151.71c0-66-53.59-119.56-119.7-119.7S32.2,85.34,32,151.5s53.75,120.12,119.76,120S271.53,217.55,271.51,151.71Z"/></g></g></svg>
  );
  