export const List = ({
  items = [],
  variant = 'default',
  className = '',
  ...props
}) => {
  if (items.length === 0) return null;

  const variantClasses = {
    default: 'divide-y divide-gray-200',
    none: '',
  };

  return (
    <ul className={`${variantClasses[variant]} ${className}`} {...props}>
      {items.map((item, index) => (
        <li key={index} className="py-3">
          {typeof item === 'string' ? (
            <span className="text-gray-900">{item}</span>
          ) : (
            item
          )}
        </li>
      ))}
    </ul>
  );
};

export default List;

