Alternative web application for the
pdsadmin command
1import type { ReactNode } from "react";
2
3export function SuccessAlert({ children }: { children: ReactNode }) {
4 return (
5 <div className="alert alert-success">
6 <svg
7 xmlns="http://www.w3.org/2000/svg"
8 className="h-6 w-6 shrink-0 stroke-current"
9 fill="none"
10 viewBox="0 0 24 24"
11 >
12 <path
13 strokeLinecap="round"
14 strokeLinejoin="round"
15 strokeWidth="2"
16 d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
17 />
18 </svg>
19 {children}
20 </div>
21 );
22}
23
24export function ErrorAlert({ children }: { children: ReactNode }) {
25 return (
26 <div className="alert alert-error">
27 <svg
28 xmlns="http://www.w3.org/2000/svg"
29 className="h-6 w-6 shrink-0 stroke-current"
30 fill="none"
31 viewBox="0 0 24 24"
32 >
33 <path
34 strokeLinecap="round"
35 strokeLinejoin="round"
36 strokeWidth="2"
37 d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
38 />
39 </svg>
40 {children}
41 </div>
42 );
43}