import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgCollapseRows = (
    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="M7.745 5.282a.7.7 0 0 1-.217-.144L4.862 2.471a.667.667 0 0 1 .943-.942l1.529 1.529V.667a.667.667 0 0 1 1.333 0v2.39l1.528-1.528a.668.668 0 0 1 .943.942L8.472 5.138A.66.66 0 0 1 8 5.333a.7.7 0 0 1-.255-.051m.51 5.437a.7.7 0 0 1 .217.144l2.666 2.666a.667.667 0 0 1-.943.943l-1.529-1.53v2.392a.667.667 0 0 1-1.333 0v-2.39l-1.528 1.528a.668.668 0 0 1-.943-.943l2.666-2.666a.67.67 0 0 1 .727-.144M.667 7.334h14.666a.667.667 0 0 0 0-1.334H.667a.667.667 0 0 0 0 1.334m0 1.333h14.666a.667.667 0 0 1 0 1.333H.667a.667.667 0 0 1 0-1.333"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(
    React.forwardRef(SvgCollapseRows),
    'CollapseRows'
)
