PUICard

A PUICard is a component that created a styled div around its children. It takes a few optional props like className, onClick, etc. Almost all components use a PUICard internally for styling. If you want to make custom UI elements that look like the others, just wrap them in a PUICard.

import {PUICard} from "./pstdl-ui";
import {ReactElement} from "react";

export function TestBed(): ReactElement {

	return <div className={"TestBed"}>
		<PUICard>
			<span>Oh so pretty.</span>
		</PUICard>
	</div>
}