export default function QuickReplies({ options = [], onSelect, disabled = false }) {
  if (!options.length) return null

  return (
    <div className="quick-replies">
      {options.map((option) => (
        <button
          key={`${option.label}-${option.value}`}
          type="button"
          className={`quick-reply ${option.variant || ''}`.trim()}
          onClick={() => onSelect(option)}
          disabled={disabled || option.disabled}
        >
          {option.label}
        </button>
      ))}
    </div>
  )
}
