@zohodesk/layout/es/Flex/FlexContainer.js

Unified Component Library - Layout

import React from 'react';
import { flexContainerPropTypes } from "./props/propTypes";
import { flexContainerDefaultProps } from "./props/defaultProps";
import { flexContainerCssJSLogic } from "./css/cssJSLogic";
const FlexContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
  const {
    as: Tag,
    testId,
    customId,
    customAttributes,
    a11yAttributes,
    children
  } = props;
  const {
    flexContainerClass
  } = flexContainerCssJSLogic({
    props
  });
  return /*#__PURE__*/React.createElement(Tag, { ...a11yAttributes,
    ...customAttributes,
    'data-test-id': testId,
    'data-id': customId,
    className: flexContainerClass,
    ref
  }, children);
});
FlexContainer.displayName = 'FlexContainer';
FlexContainer.defaultProps = flexContainerDefaultProps;
FlexContainer.propTypes = flexContainerPropTypes;
export default FlexContainer;