flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/dogumentation. Simple, minimalistic documentation template using astro
flo-bit.dev/dogumentation/
1.1 kB
43 lines
1---
2interface Props {
3 title: string;
4 class?: string;
5}
6
7const { title, class: className } = Astro.props;
8---
9
10<div
11 class:list={[
12 "rounded-2xl bg-red-50 mb-6 dark:bg-red-500/5 p-4 dark:ring-1 dark:ring-red-500/10 not-prose max-w-full",
13 className,
14 ]}
15>
16 <div class="flex">
17 <div class="flex-shrink-0">
18 <svg
19 class="h-5 w-5 text-red-500"
20 viewBox="0 0 20 20"
21 fill="currentColor"
22 aria-hidden="true"
23 >
24 <path
25 fill-rule="evenodd"
26 d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z"
27 clip-rule="evenodd"></path>
28 </svg>
29 </div>
30 <div class="ml-3 flex items-center flex-col">
31 <h3 class="text-sm font-medium text-red-800 dark:text-red-500">
32 {title ? title : <slot />}
33 </h3>
34 {
35 title ? (
36 <div class="mt-2 text-sm text-red-700 dark:text-red-400">
37 <slot />
38 </div>
39 ) : null
40 }
41 </div>
42 </div>
43</div>