40 lines
736 B
TypeScript
40 lines
736 B
TypeScript
import Image from "next/image"
|
|
import Card from "./card"
|
|
import DocumentTabs from "app/(posts)/components/tabs"
|
|
const Home = ({
|
|
introTitle,
|
|
introContent,
|
|
rendered
|
|
}: {
|
|
introTitle: string
|
|
introContent: string
|
|
rendered: string
|
|
}) => {
|
|
return (
|
|
<>
|
|
<div
|
|
style={{ display: "flex", flexDirection: "row", alignItems: "center" }}
|
|
>
|
|
<Image
|
|
src={"/assets/logo-optimized.svg"}
|
|
width={48}
|
|
height={48}
|
|
alt=""
|
|
priority
|
|
/>
|
|
<h1 style={{ marginLeft: "var(--gap)" }}>{introTitle}</h1>
|
|
</div>
|
|
<Card>
|
|
<DocumentTabs
|
|
defaultTab="preview"
|
|
isEditing={false}
|
|
content={introContent}
|
|
preview={rendered}
|
|
title={introTitle}
|
|
/>
|
|
</Card>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Home
|