@shopify/polaris/dist/esm/components/Connected/Connected.js

Shopify’s product component library

import React$1 from 'react';
import { useFeatures } from '../../utilities/features/hooks.js';
import { classNames } from '../../utilities/css.js';
import styles from './Connected.scss.js';
import { Item as Item$1 } from './components/Item/Item.js';

function Connected({
  children,
  left,
  right
}) {
  var {
    newDesignLanguage
  } = useFeatures();
  var className = classNames(styles.Connected, newDesignLanguage && styles.newDesignLanguage);
  var leftConnectionMarkup = left ? /*#__PURE__*/React$1.createElement(Item$1, {
    position: "left"
  }, left) : null;
  var rightConnectionMarkup = right ? /*#__PURE__*/React$1.createElement(Item$1, {
    position: "right"
  }, right) : null;
  return /*#__PURE__*/React$1.createElement("div", {
    className: className
  }, leftConnectionMarkup, /*#__PURE__*/React$1.createElement(Item$1, {
    position: "primary"
  }, children), rightConnectionMarkup);
}

export { Connected };