import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'

import type { IconProps } from '../types'

const SvgDesktopIcon = (props: IconProps) => {
  const { color: token = '$neutral-100' } = props
  const theme = useTheme()
  /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
  // @ts-ignore
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  const color = theme[token]?.val ?? token
  return (
    <Svg
      width={20}
      height={20}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.673 3.35h6.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.036.03.36.03.803.03 1.34V10.827c0 .537 0 .98-.03 1.34-.03.373-.096.715-.26 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.036.26-.36.029-.803.029-1.34.029H12.15v1.7h1.35v1.3h-7v-1.3h1.35v-1.7H6.673c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.229-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V7.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.037-.26.36-.029.802-.029 1.34-.029Zm4.177 13v-1.7h-1.7v1.7h1.7ZM5.44 4.675c-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v3.15h11.7V7.2c0-.57 0-.96-.025-1.26-.024-.294-.067-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.26-.025H6.7c-.572 0-.96 0-1.262.025Zm-1.265 7.386a7.158 7.158 0 0 1-.02-.411h11.69c-.004.155-.01.29-.02.41-.024.294-.067.446-.122.553-.13.254-.336.46-.59.59-.107.054-.259.098-.552.122-.301.025-.69.025-1.26.025H6.7c-.572 0-.96 0-1.262-.025-.293-.024-.445-.068-.552-.122a1.35 1.35 0 0 1-.59-.59c-.054-.107-.098-.259-.122-.552Z"
        fill={color}
      />
    </Svg>
  )
}
export default SvgDesktopIcon
