website/components/TextBlock.tsx

16 lines
No EOL
585 B
TypeScript

import "../layouts/tailwind.css";
import win98icon from "../assets/win98-dir-closed.png";
import type { JSX } from "solid-js";
export function TextBlock(props: { title?: string; children?: JSX.Element }) {
return (
<div class="flex flex-col gap-4 p-2 max-w-full mt-2 md:max-w-1/2">
<div class="inline-block">
<img src={win98icon} class="w-[20px] h-[20px] inline mr-2 align-[-5px]"></img>
<h1 class="inline underline underline-offset-1 font-[700]">{props.title}</h1>
</div>
<div id="text-block-children">{props.children}</div>
</div>
);
}