import { type SVGProps, useId } from 'react'

import type { IconComponent } from '../../types'
const DangbeiLight: IconComponent = (props: SVGProps<SVGSVGElement>) => {
  const iconId = useId()

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      width="1em"
      height="1em"
      fill="none"
      viewBox="9 9 102 102"
      {...props}>
      <g clipPath={`url(#${iconId}-dangbeilight__a)`}>
        <mask
          id={`${iconId}-dangbeilight__b`}
          width={83}
          height={83}
          x={19}
          y={18}
          maskUnits="userSpaceOnUse"
          style={{ maskType: 'luminance' }}>
          <path fill="#fff" d="M102 18H19V101H102V18Z" />
        </mask>
        <g mask={`url(#${iconId}-dangbeilight__b)`}>
          <path fill={`url(#${iconId}-dangbeilight__c)`} d="M101.027 23.998H19.9727V96.5258H101.027V23.998Z" />
        </g>
      </g>
      <defs>
        <clipPath id={`${iconId}-dangbeilight__a`}>
          <path fill="#fff" d="M0 0H83V83H0z" transform="translate(19 18)" />
        </clipPath>
        <pattern id={`${iconId}-dangbeilight__c`} width={1} height={1} patternContentUnits="objectBoundingBox">
          <use xlinkHref={`#${iconId}-dangbeilight__d`} transform="scale(.0012 .00135)" />
        </pattern>
        <image
          xlinkHref="data:image/png;base64,[encoded data, 705000 characters]"
          id={`${iconId}-dangbeilight__d`}
          width={827}
          height={740}
          preserveAspectRatio="none"
        />
      </defs>
    </svg>
  )
}
export { DangbeiLight }
export default DangbeiLight
