mirror of
https://github.com/harivansh-afk/Saas-Teamspace-2.git
synced 2026-04-20 08:04:48 +00:00
23 lines
704 B
TypeScript
23 lines
704 B
TypeScript
import React from 'react';
|
|
|
|
export const MessageState = (props: {
|
|
icon: React.ReactNode;
|
|
title: React.ReactNode;
|
|
description: React.ReactNode;
|
|
button: React.ReactNode;
|
|
}) => (
|
|
<div className="flex h-[600px] flex-col items-center justify-center rounded-md bg-card p-5">
|
|
<div className="size-16 rounded-full bg-muted p-3 [&_svg]:stroke-muted-foreground [&_svg]:stroke-2">
|
|
{props.icon}
|
|
</div>
|
|
|
|
<div className="mt-3 text-center">
|
|
<div className="text-xl font-semibold">{props.title}</div>
|
|
<div className="mt-1 text-sm font-medium text-muted-foreground">
|
|
{props.description}
|
|
</div>
|
|
|
|
<div className="mt-5">{props.button}</div>
|
|
</div>
|
|
</div>
|
|
);
|