import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FormFieldList } from "../data/FormData";
const FormSettings = ({ handleAddField, }) => {
    return (_jsxs("div", { className: "frm-setting", children: [_jsx("h3", { children: "Form Elements" }), _jsx("div", { children: Object.keys(FormFieldList).map((fieldKey) => (_jsxs("button", { title: FormFieldList[fieldKey].label, className: "frm-btn", onClick: () => handleAddField(fieldKey), children: [_jsx("i", { className: FormFieldList[fieldKey].icon }), _jsx("span", { className: "btn-label", children: FormFieldList[fieldKey].label })] }, fieldKey))) })] }));
};
export default FormSettings;
