import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgDetailPane = (
    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 4h-2a.666.666 0 1 1 0-1.333h2a.667.667 0 0 1 0 1.333m-2 2.75h2a.667.667 0 0 0 0-1.333h-2a.666.666 0 1 0 0 1.333m0 1.25h2a.667.667 0 0 1 0 1.333h-2a.666.666 0 1 1 0-1.333"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M.667 0h14.666c.368 0 .667.299.667.667v14.666a.667.667 0 0 1-.667.667H.667A.667.667 0 0 1 0 15.333V.667C0 .299.298 0 .667 0m14 14.667H10V1.333h4.667zm-6 0H1.333V1.333h7.334z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgDetailPane), 'DetailPane')
