import React from 'react';
import { License } from '../types';
import LicenseItem from './LicenseItem';

interface LicenseListProps {
  licenses: License[];
  onEdit?: (license: License) => void;
  onDelete?: (id: string) => void;
  isReadOnly?: boolean;
}

const LicenseList: React.FC<LicenseListProps> = ({ licenses, onEdit, onDelete, isReadOnly }) => {
  if (!licenses || licenses.length === 0) {
    return (
      <div className="text-center py-16 px-6 bg-slate-800 rounded-lg shadow-inner border border-slate-700">
        <h3 className="text-2xl font-bold text-gray-300">No licenses found.</h3>
        {!isReadOnly && <p className="text-gray-400 mt-2">Click "Add New License" to get started.</p>}
      </div>
    );
  }

  return (
    <div className="space-y-6">
      {licenses.map(license => (
        <LicenseItem 
          key={license.id} 
          license={license}
          onEdit={onEdit}
          onDelete={onDelete}
          isReadOnly={isReadOnly}
        />
      ))}
    </div>
  );
};

export default LicenseList;