All files / packages/app/components empty-card.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
 
 
 
 
 
 
 
 
 
 
 
 
77x
 
 
 
 
 
 
 
145x
 
 
 
 
 
 
 
 
 
 
 
 
 
import type React from "react";
 
import { Text } from "~components/text";
import { cn } from "~components/utils";
import type { ViewReactNode } from "~components/view";
import { View } from "~components/view";
 
type Props = {
	title: string;
	startContent?: ViewReactNode;
	endContent?: ViewReactNode;
	children?: ViewReactNode;
} & Omit<React.ComponentProps<typeof View>, "children">;
 
export const EmptyCard: React.FC<Props> = ({
	title,
	children,
	startContent,
	endContent,
	className,
	...props
}) => (
	<View
		{...props}
		className={cn("m-10 gap-4 self-center md:max-w-lg", className)}
		testID="empty-card"
	>
		{startContent}
		<Text variant="h2" className="text-center">
			{title}
		</Text>
		{children}
		{endContent}
	</View>
);