"use strict";

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

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

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

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

exports.default = _default;

var headings = function headings() {
  return /*#__PURE__*/_react.default.createElement("article", {
    className: "ds-base--inverse ds-u-padding--2"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "ds-text-heading--5xl ds-u-margin-y--1"
  }, ".ds-text-heading--5xl"), /*#__PURE__*/_react.default.createElement("h2", {
    className: "ds-text-heading--4xl ds-u-margin-y--1"
  }, ".ds-text-heading--4xl"), /*#__PURE__*/_react.default.createElement("h3", {
    className: "ds-text-heading--3xl ds-u-margin-y--1"
  }, ".ds-text-heading--3xl"), /*#__PURE__*/_react.default.createElement("h4", {
    className: "ds-text-heading--2xl ds-u-margin-y--1 ds-u-font-size--h4 ds-u-md-font-size--h3 ds-u-lg-font-size--h2"
  }, "Responsive utility classes"));
};

exports.headings = headings;