@kubit-ui-web/react-components/dist/cjs/components/inputStructure/inputStructureStandAlone.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.InputStructureStandAlone = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
// styles
const inputStructure_styled_1 = require("./inputStructure.styled");
/**
 * @description
 * InputStructure component to structure inputs
 * @param {IInputStructure} props
 * @returns {JSX.Element}
 */
const InputStructureStandAlone = ({ dataTestIdParentContainer = 'input-structure-parent-container', ...props }) => ((0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContainerStyled, { "data-testid": dataTestIdParentContainer, onBlur: props.onBlurStructure, onFocus: props.onFocusStructure, children: (0, jsx_runtime_1.jsxs)(inputStructure_styled_1.VerticalContentStyled, { children: [(0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentTopStyled, { extraStyles: props.topExtraStyles, children: props.topContent }), (0, jsx_runtime_1.jsxs)(inputStructure_styled_1.HorizontalContentStyled, { children: [(0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentLeftStyled, { extraStyles: props.leftExtraStyles, children: props.leftContent }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureWrapperStyled, { extraStyles: props.centerExtraStyles, children: props.centerContent }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentRightStyled, { extraStyles: props.rightExtraStyles, children: props.rightContent })] }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentBottomStyled, { extraStyles: props.bottomExtraStyles, children: props.bottomContent })] }) }));
exports.InputStructureStandAlone = InputStructureStandAlone;
//# sourceMappingURL=inputStructureStandAlone.js.map