init

Bin

2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { cn } from "../../utils/bem";
import "./EmptyState.scss";
 
export const EmptyState = ({ icon, title, description, action, footer }) => {
  return (
    <div className={cn("empty-state-default").toClassName()}>
      {icon && <div className={cn("empty-state-default").elem("icon").toClassName()}>{icon}</div>}
      {title && <div className={cn("empty-state-default").elem("title").toClassName()}>{title}</div>}
      {description && <div className={cn("empty-state-default").elem("description").toClassName()}>{description}</div>}
      {action && <div className={cn("empty-state-default").elem("action").toClassName()}>{action}</div>}
      {footer && <div className={cn("empty-state-default").elem("footer").toClassName()}>{footer}</div>}
    </div>
  );
};