import { Trans } from '@kit/ui/trans';
import { StoreProduct } from '@medusajs/types';

import SelectAnalysisPackage from './select-analysis-package';

export default function SelectAnalysisPackages({ analysisPackages, countryCode }: { analysisPackages: StoreProduct[], countryCode: string }) {
  return (
    <div className="grid grid-cols-3 gap-6">
      {analysisPackages.length > 0 ? analysisPackages.map(
        (product) => (
          <SelectAnalysisPackage key={product.title} analysisPackage={product} countryCode={countryCode} />
        )) : (
        <h4>
          <Trans i18nKey='order-analysis-package:noPackagesAvailable' />
        </h4>
      )}
    </div>
  );
}