22 lines
518 B
TypeScript
22 lines
518 B
TypeScript
import { HStack, VStack } from "@yaakapp-internal/ui";
|
|
import type { ReactNode } from "react";
|
|
import { Button } from "./Button";
|
|
|
|
export interface AlertProps {
|
|
onHide: () => void;
|
|
body: ReactNode;
|
|
}
|
|
|
|
export function Alert({ onHide, body }: AlertProps) {
|
|
return (
|
|
<VStack space={3} className="pb-4">
|
|
<div>{body}</div>
|
|
<HStack space={2} justifyContent="end">
|
|
<Button className="focus" color="primary" onClick={onHide}>
|
|
Okay
|
|
</Button>
|
|
</HStack>
|
|
</VStack>
|
|
);
|
|
}
|