yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { cva } from "class-variance-authority";
2import { memo, type ReactNode } from "react";
3import { Card } from "@/components/Shared/UI";
4
5interface EmptyStateProps {
6 hideCard?: boolean;
7 icon: ReactNode;
8 message: ReactNode;
9 className?: string;
10}
11
12const emptyStateVariants = cva("", {
13 defaultVariants: { hideCard: false },
14 variants: {
15 hideCard: {
16 false: "",
17 true: "!bg-transparent !shadow-none !border-0"
18 }
19 }
20});
21
22const EmptyState = ({
23 hideCard = false,
24 icon,
25 message,
26 className = ""
27}: EmptyStateProps) => {
28 return (
29 <Card className={emptyStateVariants({ className, hideCard })}>
30 <div className="grid justify-items-center space-y-2 p-5">
31 <div>{icon}</div>
32 <div>{message}</div>
33 </div>
34 </Card>
35 );
36};
37
38export default memo(EmptyState);