import React from 'react';
export default {
  title: 'Utilities/Float',
  parameters: {
    docs: {
      source: {
        type: 'dynamic'
      }
    }
  }
}; // an example for responsive float -- referenced in doc site

export var float = function float() {
  return /*#__PURE__*/React.createElement("div", {
    className: "ds-u-clearfix"
  }, /*#__PURE__*/React.createElement("strong", {
    className: "ds-u-margin--2"
  }, "Inline text"), /*#__PURE__*/React.createElement("div", {
    className: "ds-u-float--none ds-u-md-float--left ds-u-lg-float--right"
  }, /*#__PURE__*/React.createElement("p", {
    className: "ds-u-md-display--none preview__element ds-u-padding--2 utility-example"
  }, "Float none"), /*#__PURE__*/React.createElement("p", {
    className: "ds-u-display--none ds-u-md-display--inline-block ds-u-lg-display--none preview__element ds-u-padding--2 utility-example"
  }, "Float left"), /*#__PURE__*/React.createElement("p", {
    className: "ds-u-display--none ds-u-lg-display--inline-block preview__element ds-u-padding--2 utility-example"
  }, "Float right")));
};