import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgSpinner = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M8.522.899a.323.323 0 1 0-.53.367.323.323 0 0 0 .53-.367m-3.038.451a.247.247 0 1 1 .283.405.247.247 0 1 1-.283-.405M3.427 2.97a.17.17 0 0 0-.24-.043.17.17 0 0 0-.043.24.17.17 0 0 0 .24.043.17.17 0 0 0 .043-.24M1.716 5.222a.097.097 0 1 1 .11.16.1.1 0 0 1-.136-.027.1.1 0 0 1 .026-.133m8.896-3.918a.398.398 0 1 1 .456.655.398.398 0 0 1-.456-.655m2.84 1.568a.474.474 0 1 0-.778.54.474.474 0 0 0 .778-.54m.812 2.155a.549.549 0 1 1 .626.9.549.549 0 0 1-.626-.9m1.296 2.725a.624.624 0 1 0-1.025.711.624.624 0 0 0 1.025-.711m-1.46 2.362a.7.7 0 1 1 .799 1.148.7.7 0 0 1-.8-1.148m-.477 2.353a.774.774 0 1 0-1.27.885.774.774 0 0 0 1.27-.885m-3.458 1.258a.851.851 0 0 1 .971 1.396.851.851 0 0 1-.97-1.396m-1.387.64a.925.925 0 1 0-1.523 1.056.925.925 0 0 0 1.523-1.056m-3.915-.842a1.001 1.001 0 1 1 1.144 1.643 1.001 1.001 0 0 1-1.144-1.643m-.766-1.303a1.078 1.078 0 0 0-1.77 1.228 1.08 1.08 0 0 0 1.5.269c.488-.338.61-1.01.27-1.497M1.044 9.56a1.15 1.15 0 1 1 1.317 1.891 1.15 1.15 0 0 1-1.317-1.89m1.191-2.369a1.228 1.228 0 0 0-2.015 1.4 1.228 1.228 0 0 0 2.015-1.4"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgSpinner), 'Spinner')
