import React from 'react';

interface CodeItem {
    category: string;
    label: string;
    value: string;
    fullText: string;
}

interface CodeListProps {
    items: CodeItem[];
}

export const CodeList: React.FC<CodeListProps> = ({ items }) => {
    if (items.length === 0) {
        return <div className="no-results">No results found.</div>;
    }

    return (
        <div className="code-list">
            {items.map((item, index) => (
                <div key={index} className="code-item">
                    <div className="code-header">
                        <span className="code-category">{item.category}</span>
                        <span className="code-label">{item.label}</span>
                    </div>
                    <div className="code-value">{item.value}</div>
                </div>
            ))}
        </div>
    );
};