@coocoon/react-awesome-query-builder/modules/components/utils.jsx

User-friendly query builder for React. Demo: https://ukrbublik.github.io/react-awesome-query-builder

import React from "react";

const Col = ({children, ...props}) => (<div {...props}>{children}</div>);

const dummyFn = () => {};

const DragIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="gray" width="18px" height="18px">
    <path d="M0 0h24v24H0V0z" fill="none"/>
    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
  </svg>
);

const ConfirmFn = (Cmp) => (
  props => {
    const {useConfirm} = props.config.settings;
    const confirmFn = useConfirm ? useConfirm() : null;
    return <Cmp {...props} confirmFn={confirmFn} />;
  }
);

export {
  Col, dummyFn, DragIcon, ConfirmFn
};