import Svg, {
    SvgProps,
    Defs,
    G,
    Path,
    Circle,
    Rect,
    Use,
    Text,
} from "react-native-svg"
import { memo } from "react"
const SvgComponent = (props: SvgProps) => (
    <Svg width={400} height={580} {...props}>
        <Defs>
            <G id="b">
                <Path
                    fill="none"
                    stroke="#c59b58"
                    strokeLinecap="round"
                    strokeWidth={1.2}
                    d="M0 0c10 25 12 55 5 85"
                />
                <Path
                    fill="#f4efe6"
                    stroke="#c59b58"
                    strokeWidth={1.1}
                    d="M3 15c-11-5-15 9-1 9 4 0 4-6 1-9Z"
                />
                <Path
                    fill="#f4efe6"
                    stroke="#9e4d28"
                    strokeWidth={1.1}
                    d="M5 22c11-6 17 6 3 10-4 0-4-6-3-10Zm2 20c-12-6-17 8-3 10 4 0 4-6 3-10Z"
                />
                <Path
                    fill="#f4efe6"
                    stroke="#c59b58"
                    strokeWidth={1.1}
                    d="M8 50c12-6 16 8 2 12-4 0-4-7-2-12ZM6 70c-10-5-14 8-2 10 3 0 4-6 2-10Z"
                />
                <Path
                    fill="#f4efe6"
                    stroke="#9e4d28"
                    strokeWidth={1.1}
                    d="M5 78c11-4 15 8 3 12-4 0-4-6-3-12Z"
                />
                <Circle cx={-10} cy={18} r={1.5} fill="#c59b58" />
                <Circle cx={18} cy={46} r={1.5} fill="#9e4d28" />
            </G>
            <G id="a">
                <Path
                    fill="#a64423"
                    d="M0-18C4-12 8-6 8 0c6-4 8 6 4 12 4-2 6 4 2 8S2 26 0 26s-10-2-14-6-2-10 2-8c-4-6-2-16 4-12 0-6 4-12 8-18"
                />
                <Path
                    fill="#f4efe6"
                    d="M-4 4v8c0 3 2 4 4 4v8c2-8 4-9 4-12V4H3v7c0 2-1.5 3-3 3s-3-1-3-3V4Z"
                />
                <Path stroke="#f4efe6" d="M0 4v8" />
            </G>
        </Defs>
        <Path fill="#434b54" d="M0 0h400v580H0z" />
        <Rect
            width={360}
            height={548}
            x={20}
            y={16}
            fill="#f6efe3"
            stroke="#122a42"
            strokeWidth={1.5}
            rx={16}
        />
        <Path
            fill="none"
            stroke="#122a42"
            strokeWidth={1.2}
            d="M46 32h308a12 12 0 0 1 12 12v492a12 12 0 0 1-12 12H46a12 12 0 0 1-12-12V44a12 12 0 0 1 12-12Z"
        />
        <Path
            fill="none"
            stroke="#122a42"
            strokeWidth={1.2}
            d="M34 46a12 12 0 0 0 12-12m320 12a12 12 0 0 1-12-12M34 534a12 12 0 0 1 12 12m320-12a12 12 0 0 0-12 12"
        />
        <Path stroke="#c59b58" d="M34 135h332M34 500h332" />
        <Use href="#a" transform="matrix(.85 0 0 .85 200 52)" />
        <Use href="#b" transform="matrix(.8 0 0 .8 42 42)" />
        <Use href="#b" transform="matrix(-.8 0 0 .8 358 42)" />
        <Use href="#b" transform="matrix(.95 0 0 .95 40 185)" />
        <Use href="#b" transform="matrix(-.95 0 0 .95 360 185)" />
        <Use href="#a" transform="matrix(.65 0 0 .65 68 320)" />
        <Use href="#a" transform="matrix(.65 0 0 .65 332 320)" />
        <Use href="#b" transform="matrix(.95 0 0 .95 40 360)" />
        <Use href="#b" transform="matrix(-.95 0 0 .95 360 360)" />
        <G transform="translate(200 465)">
            <Rect
                width={18}
                height={28}
                x={-9}
                y={-14}
                fill="#122a42"
                stroke="#122a42"
                rx={3.5}
            />
            <Rect width={14} height={20} x={-7} y={-11} fill="#fff" rx={1.5} />
            <Path fill="#122a42" d="M-4.5-8.5h9v9h-9z" />
            <Path fill="#fff" d="M-3-7h6v6h-6z" />
            <Path fill="#122a42" d="M-1.5-5.5h3v3h-3z" />
            <Circle cy={11} r={1} fill="#fff" />
        </G>
        <Circle cx={258} cy={537} r={4.5} fill="#a64423" />
        <Path
            fill="#f6efe3"
            d="M259 541h-1.5v-4h-1v-1.5h1v-1c0-1 .5-1.5 2-1.5h1v1.5h-1c-.5 0-.5.3-.5.7v.3h1.5l-.3 1.5H259Z"
        />
        <Rect
            width={9}
            height={9}
            x={266}
            y={532.5}
            fill="none"
            stroke="#a64423"
            strokeWidth={1.2}
            rx={2.5}
        />
        <Circle cx={270.5} cy={537} r={2} fill="none" stroke="#a64423" />
        <Circle cx={273} cy={534.5} r={0.5} fill="#a64423" />
        <G transform="translate(95 205)">
            <Path
                fill="#fdfbf7"
                stroke="#122a42"
                strokeWidth={3}
                d="M0 0h210v210H0z"
            />
            <Path
                fill="none"
                stroke="#c59b58"
                strokeWidth={1.5}
                d="M4 4h202v202H4z"
            />
            <Path
                fill="#faf8f5"
                stroke="#122a42"
                strokeDasharray="4 3"
                d="M12 12h186v186H12z"
            />
            <Circle
                cx={105}
                cy={95}
                r={16}
                fill="#f6efe3"
                stroke="#c59b58"
                strokeWidth={1.2}
            />
            <Use href="#a" transform="matrix(.45 0 0 .45 105 93)" />
            <Text
                x={105}
                y={128}
                fill="#122a42"
                fontFamily="Inter, Arial, sans-serif"
                fontSize={11}
                fontWeight={800}
                letterSpacing={1.5}
                textAnchor="middle"
            >
                {"QR KOD ALANI"}
            </Text>
        </G>
        <Text
            x={172}
            y={55}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={8.5}
            fontWeight={800}
            letterSpacing={1}
            textAnchor="middle"
        >
            {"EST."}
        </Text>
        <Text
            x={228}
            y={55}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={8.5}
            fontWeight={800}
            letterSpacing={1}
            textAnchor="middle"
        >
            {"2018"}
        </Text>
        <Text
            x={200}
            y={84}
            fill="#a64423"
            fontFamily="'Playfair Display', Georgia, 'Times New Roman', serif"
            fontSize={19}
            fontWeight={900}
            letterSpacing={1.5}
            textAnchor="middle"
        >
            {"THE STONEHEARTH GRILL"}
        </Text>
        <Text
            x={200}
            y={102}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={8.5}
            fontWeight={700}
            letterSpacing={2}
            textAnchor="middle"
        >
            {"EST. 2018"}
        </Text>
        <Text
            x={200}
            y={118}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={10}
            fontWeight={800}
            letterSpacing={2}
            textAnchor="middle"
        >
            {"SCAN. ORDER. ENJOY."}
        </Text>
        <Text
            x={200}
            y={158}
            fill="#122a42"
            fontFamily="'Playfair Display', Georgia, 'Times New Roman', serif"
            fontSize={15.5}
            fontWeight={900}
            letterSpacing={0.5}
            textAnchor="middle"
        >
            {"VIEW OUR MENU & ORDER ONLINE"}
        </Text>
        <Text
            x={200}
            y={176}
            fill="#222"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={9}
            fontWeight={500}
            letterSpacing={0.1}
            textAnchor="middle"
        >
            {"Simply scan the QR code with your phone camera to access our"}
        </Text>
        <Text
            x={200}
            y={189}
            fill="#222"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={9}
            fontWeight={500}
            letterSpacing={0.1}
            textAnchor="middle"
        >
            {"digital menu, daily specials, wine list, and place your order."}
        </Text>
        <Text
            x={162}
            y={468}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={11}
            fontWeight={800}
            letterSpacing={1}
            textAnchor="end"
        >
            {"NO APP"}
        </Text>
        <Text
            x={238}
            y={468}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={11}
            fontWeight={800}
            letterSpacing={1}
        >
            {"REQUIRED"}
        </Text>
        <Text
            x={200}
            y={515}
            fill="#122a42"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={10.5}
            fontWeight={800}
            letterSpacing={1}
            textAnchor="middle"
        >
            {"WWW.THESTONEHEARTHGRILL.COM"}
        </Text>
        <Text
            x={200}
            y={527}
            fill="#222"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={9}
            fontWeight={600}
            letterSpacing={0.2}
            textAnchor="middle"
        >
            {"FREE WIFI: StonehearthGuest (PW: Grill720)"}
        </Text>
        <Text
            x={195}
            y={540}
            fill="#222"
            fontFamily="Inter, Arial, sans-serif"
            fontSize={9}
            fontWeight={600}
            letterSpacing={0.2}
            textAnchor="middle"
        >
            {"Follow Us @StonehearthGrill"}
        </Text>
    </Svg>
)
const Memo = memo(SvgComponent)
export default Memo