DropDownFilter = ({ name, block, full_width }) => {
  const {
    selected,
    connectors: { connect, drag },
  } = useNode((node) => ({ selected: node.events.selected }));
  return (
    <span
      className={selected ? "selected-node" : ""}
      {...blockProps(block)}
      ref={(dom) => connect(drag(dom))}
    >
      <input
        readOnly
        value={name}
        className={`${
          full_width ? "w-100" : "w-unset"
        } form-control form-select ${!block ? "d-inline" : ""}`}
      />
    </span>
  );
}
@param {object} props
@param {string} props.name
@param {boolean} props.block
@param {boolean} props.full_width
@returns {span}
@namespace
@category saltcorn-builder
@subcategory components