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

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

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// styles
import { HorizontalContentStyled, InputStructureContainerStyled, InputStructureContentBottomStyled, InputStructureContentLeftStyled, InputStructureContentRightStyled, InputStructureContentTopStyled, InputStructureWrapperStyled, VerticalContentStyled, } from './inputStructure.styled';
/**
 * @description
 * InputStructure component to structure inputs
 * @param {IInputStructure} props
 * @returns {JSX.Element}
 */
export const InputStructureStandAlone = ({ dataTestIdParentContainer = 'input-structure-parent-container', ...props }) => (_jsx(InputStructureContainerStyled, { "data-testid": dataTestIdParentContainer, onBlur: props.onBlurStructure, onFocus: props.onFocusStructure, children: _jsxs(VerticalContentStyled, { children: [_jsx(InputStructureContentTopStyled, { extraStyles: props.topExtraStyles, children: props.topContent }), _jsxs(HorizontalContentStyled, { children: [_jsx(InputStructureContentLeftStyled, { extraStyles: props.leftExtraStyles, children: props.leftContent }), _jsx(InputStructureWrapperStyled, { extraStyles: props.centerExtraStyles, children: props.centerContent }), _jsx(InputStructureContentRightStyled, { extraStyles: props.rightExtraStyles, children: props.rightContent })] }), _jsx(InputStructureContentBottomStyled, { extraStyles: props.bottomExtraStyles, children: props.bottomContent })] }) }));
//# sourceMappingURL=inputStructureStandAlone.js.map