import React from "react";
import { FeatherBarChart2 } from "@subframe/core";

/** Leerzustand: wichtiger als er aussieht: Filter können jedes Chart leeren. */
export function ChartLeer({
  text = "Keine Daten im gewählten Zeitraum",
  hoehe = 220,
}: {
  text?: string;
  hoehe?: number;
}) {
  return (
    <div
      className="flex flex-col items-center justify-center gap-2 rounded-md border border-dashed border-border-default"
      style={{ height: hoehe }}
    >
      <FeatherBarChart2 className="text-[20px] text-text-neutral-subtle" />
      <span className="text-[13px] text-text-neutral-tertiary">{text}</span>
    </div>
  );
}