import "./QuoteList.scss";
import { Quote } from "./Quote";

/**
 * Stack of customer quotes ("quoteList" element type).
 *
 * @param {Object} props
 * @param {Array<{content: {headline: string, icon: string, text: string, source: string}}>} props.items - One entry per quote; `source` is optional.
 * @param {number} [props.level] - Size/spacing variant class (`quote-list--level{n}`); defaults to 0 via the registry adapter.
 */
export const QuoteList = ({ items, level }) => {
  return (
    <div className={`quote-list quote-list--level${level}`}>
      {items.map((item, index) => (
        <Quote key={index} item={item.content} />
      ))}
    </div>
  );
};