56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface AcceptInvite2Props {
|
|
className?: string;
|
|
hostName?: string;
|
|
description?: string;
|
|
}
|
|
|
|
const AcceptInvite2 = ({
|
|
className,
|
|
hostName = "سارا احمدی",
|
|
description = "برای همکاری و دسترسی به منابعشان به فضای کار بپیوندید.",
|
|
}: AcceptInvite2Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className="py-32">
|
|
<div className="container">
|
|
<div
|
|
className={cn(
|
|
"mx-auto w-fit space-y-12 rounded-xl border px-6 pt-12 pb-10 shadow-lg",
|
|
className,
|
|
)}
|
|
>
|
|
<div className="mx-auto flex max-w-md flex-col items-center gap-2 text-center">
|
|
<span className="flex size-32 items-center justify-center rounded-full bg-muted text-2xll font-medium">
|
|
{hostName.charAt(0)}
|
|
</span>
|
|
<p className="mt-2 text-xl">
|
|
<span className="font-medium">{hostName}</span>
|
|
<span className="font-light">
|
|
{" "}
|
|
شما را به پیوستن به فضای کار دعوت کرده است.
|
|
</span>
|
|
</p>
|
|
<p className="max-w-sm text-muted-foreground">{description}</p>
|
|
</div>
|
|
|
|
<div className="space-y-3">
|
|
<div className="flex items-center justify-center gap-2">
|
|
<Button size="lg" variant="outline">
|
|
رد دعوت
|
|
</Button>
|
|
<Button size="lg">پذیرش دعوت</Button>
|
|
</div>
|
|
<p className="text-center text-xs text-muted-foreground">
|
|
اعتبار این دعوتنامه ۲۴ ساعت است
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { AcceptInvite2 };
|