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

Unified Component Library - Layout

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