Frame

<script lang="ts">
import {
	Frame,
	FrameDescription,
	FrameFooter,
	FrameHeader,
	FramePanel,
	FrameTitle,
} from "coss-svelte";
</script>

<Frame class="w-full">
	<FrameHeader>
		<FrameTitle>Section header</FrameTitle>
		<FrameDescription>Brief description about the section</FrameDescription>
	</FrameHeader>
	<FramePanel>
		<h2 class="font-semibold text-sm">Section title</h2>
		<p class="text-muted-foreground text-sm">Section description</p>
	</FramePanel>
	<FrameFooter>
		<p class="text-muted-foreground text-sm">Footer</p>
	</FrameFooter>
</Frame>