import React from "react";
import useInputFieldState from "../../custom-hooks/useInputFieldState";
import SkeletonThemeWrapper from "../../customization-cornor/skeletonCustomization";
export default function TextBoxBehaviour(props) {
  const [value, onChangeWrapping] = useInputFieldState(props, props.reducer);
  const renderProps = {};
  const {
    renderComponent,
    ...basicProps
  } = props;
  return /*#__PURE__*/React.createElement(SkeletonThemeWrapper, {
    basicProps: { ...basicProps,
      onChange: onChangeWrapping,
      value
    },
    renderProps: renderProps,
    component: renderComponent
  });
}
export function TextBoxControlledBehaviour(props) {
  const renderProps = {};
  const {
    renderComponent,
    ...basicProps
  } = props;
  return /*#__PURE__*/React.createElement(SkeletonThemeWrapper, {
    basicProps: basicProps,
    renderProps: renderProps,
    component: renderComponent
  });
}