@wulperstudio/cms/legacy/organisms/BoxEditable/BoxEditable.js

Wulper Studio Library Components CMS

import _extends from "@babel/runtime/helpers/esm/extends";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
var _b, _br, _b2, _br2, _br3;
import React from 'react';
import { AutocompleteSimpleV2 } from '../../components';
import { CustomBox } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var BoxEditable = function BoxEditable() {
  var _React$useState = React.useState([]),
    _React$useState2 = _slicedToArray(_React$useState, 2),
    formState = _React$useState2[0],
    setFormState = _React$useState2[1];
  return /*#__PURE__*/_jsxs(CustomBox, {
    component: "div",
    contentEditable: true,
    children: ["Como estas", _b || (_b = /*#__PURE__*/_jsx("b", {
      children: "Name"
    })), ' ', "?", _br || (_br = /*#__PURE__*/_jsx("br", {})), "Soy Federico de P&G, me alegra que tu empresa", ' ', _b2 || (_b2 = /*#__PURE__*/_jsx("b", {
      children: "company"
    })), ' ', "pueda testear nuestro nvo sistema. Si no te molesta te hago unas preguntas.", _br2 || (_br2 = /*#__PURE__*/_jsx("br", {})), "Por otro lado sino puedes visitar el siguiente:", _br3 || (_br3 = /*#__PURE__*/_jsx("br", {})), /*#__PURE__*/_jsx(AutocompleteSimpleV2, {
      id: "operation_type",
      options: ['https://github.com/', 'https://dribbble.com/', 'https://www.canva.com/'],
      variant: "unfilled",
      value: formState.office,
      onChange: function onChange(data) {
        return setFormState(_extends({}, formState, {
          operation_type: data
        }));
      },
      boxProps: {
        maxWidth: 350
      },
      sx: {
        maxWidth: 350
      },
      textFieldProps: {
        placeholder: 'Enter link'
      }
    })]
  });
};