178 lines
4.1 KiB
TypeScript
178 lines
4.1 KiB
TypeScript
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
|