10 lines
636 B
TypeScript
10 lines
636 B
TypeScript
import type { SynopStation } from "@/types/imgw";
|
|
import { StationCard } from "@/components/weather/station-card";
|
|
import { EmptyState } from "@/components/states/empty-state";
|
|
import { SearchX } from "lucide-react";
|
|
|
|
export function StationGrid({ stations }: { stations: SynopStation[] }) {
|
|
if (!stations.length) return <EmptyState icon={SearchX} title="Brak pasujących stacji" description="Zmień wyszukiwanie lub wybierz inny filtr." />;
|
|
return <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">{stations.map((station, index) => <StationCard key={station.id} station={station} index={index} />)}</div>;
|
|
}
|