import type { JSX, SVGProps } from 'react'

export const CarouselNextIcon = (
  properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
) => {
  return (
    <svg
      width={56}
      height={57}
      viewBox="0 0 56 57"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...properties}
    >
      <path
        d="M28 53.5c13.807 0 25-11.193 25-25s-11.193-25-25-25-25 11.193-25 25 11.193 25 25 25z"
        stroke="currentColor"
        strokeWidth={6}
        strokeLinejoin="round"
      />
      <path
        d="M24.25 39.75L35.5 28.5 24.25 17.25"
        stroke="currentColor"
        strokeWidth={6}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  )
}
