import { styled, Text } from "@nextui-org/react"
import Logo from "../logo"

const OgImage = ({ title }) => {
    return <div style={{
        width: "100%",
        height: "100%",
        display: "flex",
        flexDirection: "column",
        background: "linear-gradient(112.59deg, rgba(96, 39, 108, 0.96) 0%, #282F6F 101.82%)",
        padding: "32px 64px 32px 64px"
    }}>
        <div style={{
            fontSize: 32,
            fontWeight: 400,
            color: "white",
            height: "100%"
        }}>
            {title}
        </div>
        <div style={{
            display: "flex"
        }}>
            <h1 style={{
                display: "flex",
                alignItems: "center",
                color: "white",
                // lineWeight: 900,
                fontSize: "32px"
            }}>
                <div style={{ display: "flex",paddingRight:"8px" }} >
                    <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19.2 28.6442H12.8C6.94668 28.6442 4.33334 26.0309 4.33334 20.1776V13.7776C4.33334 7.92425 6.94668 5.31091 12.8 5.31091H19.2C25.0533 5.31091 27.6667 7.92425 27.6667 13.7776V20.1776C27.6667 26.0309 25.0533 28.6442 19.2 28.6442ZM12.8 7.31091C8.02668 7.31091 6.33334 9.00425 6.33334 13.7776V20.1776C6.33334 24.9509 8.02668 26.6442 12.8 26.6442H19.2C23.9733 26.6442 25.6667 24.9509 25.6667 20.1776V13.7776C25.6667 9.00425 23.9733 7.31091 19.2 7.31091H12.8Z" fill="#42A5C5" />
                        <path d="M18 24.6442H14C10.1333 24.6442 8.33334 22.8442 8.33334 18.9776V14.9776C8.33334 11.1109 10.1333 9.31091 14 9.31091H18C21.8667 9.31091 23.6667 11.1109 23.6667 14.9776V18.9776C23.6667 22.8442 21.8667 24.6442 18 24.6442ZM14 11.3109C11.2267 11.3109 10.3333 12.2042 10.3333 14.9776V18.9776C10.3333 21.7509 11.2267 22.6442 14 22.6442H18C20.7733 22.6442 21.6667 21.7509 21.6667 18.9776V14.9776C21.6667 12.2042 20.7733 11.3109 18 11.3109H14Z" fill="#42A5C5" />
                        <path d="M10.68 7.31083C10.12 7.31083 9.68002 6.8575 9.68002 6.31083V3.64417C9.68002 3.0975 10.1334 2.64417 10.68 2.64417C11.2267 2.64417 11.68 3.0975 11.68 3.64417V6.31083C11.68 6.8575 11.2267 7.31083 10.68 7.31083Z" fill="#42A5C5" />
                        <path d="M16 7.31083C15.4533 7.31083 15 6.8575 15 6.31083V3.64417C15 3.0975 15.4533 2.64417 16 2.64417C16.5467 2.64417 17 3.0975 17 3.64417V6.31083C17 6.8575 16.5467 7.31083 16 7.31083Z" fill="#42A5C5" />
                        <path d="M21.3333 7.31083C20.7867 7.31083 20.3333 6.8575 20.3333 6.31083V3.64417C20.3333 3.0975 20.7867 2.64417 21.3333 2.64417C21.88 2.64417 22.3333 3.0975 22.3333 3.64417V6.31083C22.3333 6.8575 21.88 7.31083 21.3333 7.31083Z" fill="#42A5C5" />
                        <path d="M29.3333 12.6442H26.6667C26.12 12.6442 25.6667 12.1908 25.6667 11.6442C25.6667 11.0975 26.12 10.6442 26.6667 10.6442H29.3333C29.88 10.6442 30.3333 11.0975 30.3333 11.6442C30.3333 12.1908 29.8933 12.6442 29.3333 12.6442Z" fill="#42A5C5" />
                        <path d="M29.3333 17.9775H26.6667C26.12 17.9775 25.6667 17.5242 25.6667 16.9775C25.6667 16.4309 26.12 15.9775 26.6667 15.9775H29.3333C29.88 15.9775 30.3333 16.4309 30.3333 16.9775C30.3333 17.5242 29.8933 17.9775 29.3333 17.9775Z" fill="#42A5C5" />
                        <path d="M29.3333 23.3109H26.6667C26.12 23.3109 25.6667 22.8576 25.6667 22.3109C25.6667 21.7642 26.12 21.3109 26.6667 21.3109H29.3333C29.88 21.3109 30.3333 21.7642 30.3333 22.3109C30.3333 22.8576 29.8933 23.3109 29.3333 23.3109Z" fill="#42A5C5" />
                        <path d="M21.3333 31.3108C20.7867 31.3108 20.3333 30.8575 20.3333 30.3108V27.6442C20.3333 27.0975 20.7867 26.6442 21.3333 26.6442C21.88 26.6442 22.3333 27.0975 22.3333 27.6442V30.3108C22.3333 30.8575 21.88 31.3108 21.3333 31.3108Z" fill="#42A5C5" />
                        <path d="M16.0133 31.3108C15.4667 31.3108 15.0133 30.8575 15.0133 30.3108V27.6442C15.0133 27.0975 15.4667 26.6442 16.0133 26.6442C16.56 26.6442 17.0133 27.0975 17.0133 27.6442V30.3108C17.0133 30.8575 16.56 31.3108 16.0133 31.3108Z" fill="#42A5C5" />
                        <path d="M10.68 31.3108C10.1334 31.3108 9.68002 30.8575 9.68002 30.3108V27.6442C9.68002 27.0975 10.1334 26.6442 10.68 26.6442C11.2267 26.6442 11.68 27.0975 11.68 27.6442V30.3108C11.68 30.8575 11.2267 31.3108 10.68 31.3108Z" fill="#42A5C5" />
                        <path d="M5.33332 12.6442H2.66666C2.11999 12.6442 1.66666 12.2042 1.66666 11.6442C1.66666 11.0842 2.11999 10.6442 2.66666 10.6442H5.33332C5.87999 10.6442 6.33332 11.0975 6.33332 11.6442C6.33332 12.1908 5.89332 12.6442 5.33332 12.6442Z" fill="#42A5C5" />
                        <path d="M5.33332 17.9775H2.66666C2.11999 17.9775 1.66666 17.5242 1.66666 16.9775C1.66666 16.4309 2.11999 15.9775 2.66666 15.9775H5.33332C5.87999 15.9775 6.33332 16.4309 6.33332 16.9775C6.33332 17.5242 5.89332 17.9775 5.33332 17.9775Z" fill="#42A5C5" />
                        <path d="M5.33332 23.3109H2.66666C2.11999 23.3109 1.66666 22.8576 1.66666 22.3109C1.66666 21.7642 2.11999 21.3109 2.66666 21.3109H5.33332C5.87999 21.3109 6.33332 21.7642 6.33332 22.3109C6.33332 22.8576 5.89332 23.3109 5.33332 23.3109Z" fill="#42A5C5" />
                    </svg>
                </div>
                ai-roadmap.com
            </h1>
        </div>
    </div>
}
export default OgImage
