import Svg, {
    SvgProps,
    Path,
    Image,
    G,
    Rect,
    Circle,
    Text,
} from "react-native-svg"
import { memo } from "react"
const SvgComponent = (props: SvgProps) => (
    <Svg width={1024} height={1024} {...props}>
        <Path fill="#0c4443" d="M0 0h1024v1024H0z" />
        <Image
            width={1024}
            height={1024}
            href="8.jpeg"
            preserveAspectRatio="none"
        />
        <G transform="translate(348 305)">
            <Rect
                width={328}
                height={336}
                fill="#f9f5eb"
                stroke="#d1a752"
                strokeWidth={1.5}
                rx={16}
            />
            <Rect
                width={304}
                height={312}
                x={12}
                y={12}
                fill="#faf8f2"
                stroke="#0c4443"
                strokeDasharray="6 4"
                strokeOpacity={0.3}
                strokeWidth={1.5}
                rx={12}
            />
            <Circle cx={164} cy={148} r={28} fill="#0c4443" />
            <G fill="#d1a752">
                <Path d="M164 132.6c4.4 6.6 4.4 15.4 0 24.2-4.4-8.8-4.4-17.6 0-24.2" />
                <Path d="M161.8 150.2c-8.8-4.4-13.2 4.4-6.6 8.8 6.6 0 8.8-6.6 6.6-8.8m4.4 0c8.8-4.4 13.2 4.4 6.6 8.8-6.6 0-8.8-6.6-6.6-8.8" />
            </G>
            <Text
                x={164}
                y={218}
                fill="#0c4443"
                fontFamily="Inter, Arial, sans-serif"
                fontSize={14}
                fontWeight={800}
                letterSpacing={2}
                textAnchor="middle"
            >
                {"QR KOD ALANI"}
            </Text>
        </G>
        <Text
            x={512}
            y={142}
            fill="#fff"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={52}
            fontWeight={900}
            letterSpacing={2}
            textAnchor="middle"
        >
            {"EXPLORE OUR MENU"}
        </Text>
        <Path
            stroke="#d1a752"
            strokeLinecap="round"
            strokeWidth={2}
            d="M210 188h240"
        />
        <Text
            x={512}
            y={194}
            fill="#d1a752"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={24}
            fontWeight={900}
            letterSpacing={2}
            textAnchor="middle"
        >
            {"OR"}
        </Text>
        <Path
            stroke="#d1a752"
            strokeLinecap="round"
            strokeWidth={2}
            d="M574 188h240"
        />
        <Text
            x={512}
            y={242}
            fill="#d1a752"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={44}
            fontWeight={900}
            letterSpacing={2}
            textAnchor="middle"
        >
            {"THE DAILY SPECIALS"}
        </Text>
        <Text
            x={512}
            y={738}
            fill="#fff"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={28}
            fontWeight={900}
            letterSpacing={1}
            textAnchor="middle"
        >
            {"SCAN TO VIEW OUR"}
        </Text>
        <Text
            x={512}
            y={776}
            fill="#fff"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={28}
            fontWeight={900}
            letterSpacing={1}
            textAnchor="middle"
        >
            {"FULL MENU & SPECIALS"}
        </Text>
        <Text
            x={512}
            y={842}
            fill="#d1a752"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={21}
            fontWeight={900}
            letterSpacing={1.5}
            textAnchor="middle"
        >
            {"SCAN TO ORDER"}
        </Text>
        <Text
            x={512}
            y={872}
            fill="#d1a752"
            fontFamily="'Arial Black', 'Montserrat', sans-serif"
            fontSize={21}
            fontWeight={900}
            letterSpacing={1.5}
            textAnchor="middle"
        >
            {"& BROWSE"}
        </Text>
    </Svg>
)
const Memo = memo(SvgComponent)
export default Memo
