import React from 'react';
import { CustomSVGProps } from '../type';
import '../index.less';

const Carsel = (props: CustomSVGProps) => (
  <span className={'icon'}>
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
    <g fill="none" fillRule="evenodd">
      <path
        fill="#09F"
        d="M13.5 6v1h-11V6h11ZM4.8 9.6a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Zm6.4 0a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Z"
      />
      <path
        fill="currentColor"
        fillRule="nonzero"
        d="M10.938 2H5.062l-.171.006a2.5 2.5 0 0 0-2.255 1.888l-.589 2.351-.315.316A2.5 2.5 0 0 0 1 8.328V10.5l.007.144c.054.57.428 1.048.941 1.251l.052.018v.337c0 .966.784 1.75 1.75 1.75l.144-.006A1.75 1.75 0 0 0 5.5 12.25V12h5v.25c0 .966.784 1.75 1.75 1.75l.144-.006A1.75 1.75 0 0 0 14 12.25v-.343l.06-.02c.562-.229.94-.767.94-1.387V8.328l-.008-.198a2.5 2.5 0 0 0-.724-1.57l-.316-.315-.588-2.351A2.5 2.5 0 0 0 10.938 2Zm0 1a1.5 1.5 0 0 1 1.456 1.136l.62 2.485a.5.5 0 0 0 .132.233l.415.414A1.5 1.5 0 0 1 14 8.328V10.5a.5.5 0 0 1-.441.497L13.47 11A.5.5 0 0 0 13 11.5v.75a.75.75 0 1 1-1.5 0v-.75a.5.5 0 0 0-.5-.5H5a.5.5 0 0 0-.5.5v.75a.75.75 0 1 1-1.5 0v-.75a.5.5 0 0 0-.41-.492L2.5 11a.5.5 0 0 1-.5-.5V8.328c0-.397.158-.779.44-1.06l.414-.414a.5.5 0 0 0 .131-.233l.621-2.485A1.5 1.5 0 0 1 5.062 3h5.876Z"
      />
    </g>
    </svg>
</span>
);

export default Carsel;