import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgFeedbackReaction = (
    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="M13.333 2.667h2c.367 0 .667.3.667.666S15.7 4 15.333 4h-2v2c0 .367-.3.667-.666.667A.67.67 0 0 1 12 6V4h-2a.67.67 0 0 1-.667-.667c0-.366.3-.666.667-.666h2v-2C12 .3 12.3 0 12.667 0c.366 0 .666.3.666.667z"
            fill="currentColor"
        />
        <path
            d="M7.333 2.667c-3.311 0-6 2.688-6 6s2.689 6 6 6 6-2.688 6-6a.667.667 0 0 1 1.334 0A7.336 7.336 0 0 1 7.333 16 7.336 7.336 0 0 1 0 8.667a7.336 7.336 0 0 1 7.333-7.334.667.667 0 0 1 0 1.334"
            fill="currentColor"
        />
        <path
            d="M4.607 8.847a1 1 0 1 0 0-2 1 1 0 0 0 0 2m6.453-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-6.987 3.246c0-.368.299-.666.667-.666h5.22a.667.667 0 0 1 .509 1.097 4.074 4.074 0 0 1-6.176.064.67.67 0 0 1-.22-.495"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(
    React.forwardRef(SvgFeedbackReaction),
    'FeedbackReaction'
)
