import type { Stone } from '../types';
import StoneCard from './StoneCard';

interface StoneGridProps {
  stones: Stone[];
}

function StoneGrid({ stones }: StoneGridProps) {
  if (stones.length === 0) {
    return (
      <p className="text-sm text-white/60 text-center py-4">
        Sonuç bulunamadı
      </p>
    );
  }

  return (
    <div className="grid grid-cols-2 gap-2">
      {stones.map((stone) => (
        <StoneCard key={stone.id} stone={stone} />
      ))}
    </div>
  );
}

export default StoneGrid;
