import * as React from "react"
import Svg, { SvgProps, Path, Rect, Circle, G, Text } from "react-native-svg"
const SvgComponent = (props: SvgProps) => (
  <Svg xmlns="http://www.w3.org/2000/svg" width={600} height={600} {...props}>
    <Path fill="#0b0d13" d="M0 0h600v600H0z" />
    <Rect
      width={560}
      height={560}
      x={20}
      y={20}
      fill="#132034"
      stroke="#d4af37"
      strokeWidth={1.5}
      rx={24}
    />
    <Path
      fill="none"
      stroke="#d4af37"
      strokeOpacity={0.85}
      strokeWidth={1.5}
      d="M56 40h488a16 16 0 0 1 16 16v488a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16Z"
    />
    <Rect
      width={504}
      height={504}
      x={48}
      y={48}
      fill="none"
      stroke="#c5a059"
      strokeOpacity={0.45}
      strokeWidth={0.8}
      rx={8}
    />
    <Path
      fill="none"
      stroke="#d4af37"
      strokeWidth={1.5}
      d="M40 68a18 18 0 0 0 28-28"
    />
    <Circle cx={52} cy={52} r={2} fill="#d4af37" />
    <Path
      fill="none"
      stroke="#d4af37"
      strokeWidth={1.5}
      d="M560 68a18 18 0 0 1-28-28"
    />
    <Circle cx={548} cy={52} r={2} fill="#d4af37" />
    <Path
      fill="none"
      stroke="#d4af37"
      strokeWidth={1.5}
      d="M40 532a18 18 0 0 1 28 28"
    />
    <Circle cx={52} cy={548} r={2} fill="#d4af37" />
    <Path
      fill="none"
      stroke="#d4af37"
      strokeWidth={1.5}
      d="M560 532a18 18 0 0 0-28 28"
    />
    <Circle cx={548} cy={548} r={2} fill="#d4af37" />
    <G transform="translate(300 85)">
      <Path
        fill="none"
        stroke="#d4af37"
        strokeLinejoin="round"
        strokeWidth={2}
        d="M0-26C-8-16-8-6 0 0c8-6 8-16 0-26Z"
      />
      <Path fill="#d4af37" d="M0-18C-4-12-4-4 0 0c4-4 4-12 0-18" />
      <Path
        fill="none"
        stroke="#d4af37"
        strokeLinejoin="round"
        strokeWidth={2}
        d="M-3 3c-13-2-25 7-21 21C-12 24-3 12-3 3Zm6 0c13-2 25 7 21 21C12 24 3 12 3 3Z"
      />
      <Circle cy={10} r={1.8} fill="#d4af37" />
    </G>
    <Path
      stroke="#d4af37"
      strokeOpacity={0.4}
      strokeWidth={0.8}
      d="M120 198h360"
    />
    <G transform="translate(190 215)">
      <Rect
        width={220}
        height={220}
        fill="#fff"
        stroke="#d4af37"
        strokeWidth={2}
        rx={20}
      />
      <Rect
        width={196}
        height={196}
        x={12}
        y={12}
        fill="#fafafa"
        stroke="#d4af37"
        strokeDasharray="4 3"
        strokeOpacity={0.4}
        rx={14}
      />
      <Text
        x={110}
        y={115}
        fill="#71717a"
        fontFamily="Inter, Arial, sans-serif"
        fontSize={12}
        fontWeight={600}
        textAnchor="middle"
      >
        {"QR KOD ALANI"}
      </Text>
    </G>
    <G textAnchor="middle">
      <Text
        x={300}
        y={152}
        fill="#d4af37"
        fontFamily="'Playfair Display', 'Cinzel', 'Didot', Georgia, serif"
        fontSize={38}
        fontWeight={500}
        letterSpacing={6}
      >
        {"LUMI\xC8RE"}
      </Text>
      <Text
        x={300}
        y={180}
        fill="#e5c378"
        fontFamily="Inter, Arial, sans-serif"
        fontSize={11}
        fontWeight={600}
        letterSpacing={4}
      >
        {"RESTAURANT & BAR | MODERN CUISINE"}
      </Text>
      <Text
        x={300}
        y={472}
        fill="#d4af37"
        fontFamily="Inter, Arial, sans-serif"
        fontSize={13}
        fontWeight={600}
        letterSpacing={3}
      >
        {"SCAN WITH CAMERA"}
      </Text>
      <Text
        x={300}
        y={508}
        fill="#e2ddd2"
        fontFamily="Inter, Arial, sans-serif"
        fontSize={10.5}
        fontWeight={400}
        letterSpacing={1.2}
      >
        {"Reservations: LumiereDining.com | 240-555-0199"}
      </Text>
      <Text
        x={300}
        y={528}
        fill="#c5a059"
        fontFamily="Inter, Arial, sans-serif"
        fontSize={9.5}
        fontWeight={500}
        letterSpacing={1.8}
      >
        {"TABLE 01  \u2022  WIFI: Lumiere_Guest"}
      </Text>
    </G>
  </Svg>
)
export default SvgComponent
