20 lines
530 B
React
20 lines
530 B
React
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>
|
|
)
|
|
}
|