import { JSX } from 'solid-js/jsx-runtime'
export const SendIcon = (props: JSX.SvgSVGAttributes<SVGSVGElement>) => (
  // <svg
  //   xmlns="http://www.w3.org/2000/svg"
  //   viewBox="0 0 512 512"
  //   width="19px"
  //   color="white"
  //   {...props}
  // >
  //   <path d="M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z" />
  // </svg>
  <div class="size-[38px]">
  <svg width="39" height="39" viewBox="0 0 39 39" {...props}  fill="none" xmlns="http://www.w3.org/2000/svg">
    <g clip-path="url(#clip0_40002001_77407)">
    <path d="M16.334 22.4635L33.7507 5.04688"  stroke="currentColor" class={`${props.class}`} stroke-opacity="0.7" stroke-width="2.375" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M33.7502 5.04688L23.4586 33.5469C23.3891 33.6985 23.2776 33.8269 23.1372 33.917C22.9969 34.007 22.8337 34.0549 22.6669 34.0549C22.5002 34.0549 22.3369 34.007 22.1966 33.917C22.0562 33.8269 21.9447 33.6985 21.8752 33.5469L16.3336 22.4635L5.25023 16.9219C5.09864 16.8524 4.97018 16.7409 4.88012 16.6005C4.79006 16.4602 4.74219 16.297 4.74219 16.1302C4.74219 15.9635 4.79006 15.8002 4.88012 15.6599C4.97018 15.5195 5.09864 15.408 5.25023 15.3385L33.7502 5.04688Z"  stroke="currentColor" class={`${props.class}`} stroke-opacity="0.7" stroke-width="2.375" stroke-linecap="round" stroke-linejoin="round"/>
    </g>
    <defs>
    <clipPath id="clip0_40002001_77407">
    <rect width="38" height="38" fill="white" transform="translate(0.5 0.296875)"/>
    </clipPath>
    </defs>
</svg>
  </div>

)