import type { Component } from "solid-js";
import type { LucideProps } from "lucide-solid";

export function EmptyState(props: { icon: Component<LucideProps>; title: string; detail: string }) {
  const Icon = props.icon;
  return (
    <div class="empty-state">
      <Icon size={22} />
      <strong>{props.title}</strong>
      <span>{props.detail}</span>
    </div>
  );
}
