Empty Box
A placeholder component displayed when there is no content available. Provides visual feedback to users in empty states.
Sizes
No items to display
No items
With Second Text
Add supplementary text below the main message for additional context (center aligned).
No messages yet
Start a conversation to see messages here
No results found
Try adjusting your search or filters
interface EmptyBoxProps {
text: string;
secondText?: string; // Supplementary text for additional context (center aligned)
size: "small" | "large";
}