"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.margin = exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = {
  title: 'Utilities/Margin',
  parameters: {
    docs: {
      source: {
        type: 'dynamic'
      }
    }
  }
}; // an example for responsive margin -- referenced in doc site

exports.default = _default;

var margin = function margin() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "ds-u-fill--primary-alt",
    style: {
      maxWidth: 'fit-content'
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "ds-u-margin--1 ds-u-sm-margin--2 ds-u-md-margin--3 ds-u-lg-margin--4 ds-u-xl-margin--5 ds-u-display--inline-block"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "ds-u-fill--white"
  }, "Responsive margins")));
};

exports.margin = margin;