import React from 'react';
import FillPreview from '../FillPreview/FillPreview';
import { classes } from './Palette.st.css.js';
const Palette = ({ dataHook, fill = [] }) => {
    return (React.createElement("div", { className: classes.root, "data-hook": dataHook }, fill.map((item, i) => (React.createElement(FillPreview, { as: "div", key: i, tabIndex: -1, className: classes.fillPreview, aspectRatio: "none", fill: item })))));
};
Palette.displayName = 'Palette';
export default Palette;
//# sourceMappingURL=Palette.js.map