import type { TileItem } from "../../api/types";
import { StatsTile } from "./StatsTile";
import './reusable.css';
import '../../styles/styles.css';

export interface StatsTilesProps {
  tiles?: TileItem[];
}

export function StatsTiles({ tiles }: StatsTilesProps) {
  if (!tiles?.length) return null;

  return (
    <div className="z-stats-container hide-scrollbar">
      {tiles.map((tile, idx) => (
        <StatsTile key={tile.tile_uid || idx} tile={tile} idx={idx} />
      ))}
    </div>
  );
}