import _defineProperty from "@babel/runtime/helpers/defineProperty";

/**
 * UI lib Component Example
 *
 */
import React, { PureComponent, Fragment } from 'react';
import ComponentBox from '../../../../dnb-design-system-portal/src/shared/tags/ComponentBox';
import { bell_medium as BellMedium, bell as Bell } from './lib';

class Example extends PureComponent {
  render() {
    return React.createElement(Fragment, null, React.createElement(ComponentBox, {
      scope: {
        Bell,
        BellMedium
      },
      caption: "Default and Medium sized icons (Responsive)"
    },
    /* @jsx */
    "\n<Icon icon={Bell} title=\"Give Icons a Title, or ...\" />\n<Icon icon={BellMedium} aria-hidden />\n          "), React.createElement(ComponentBox, {
      scope: {
        Bell,
        BellMedium
      },
      caption: "Responsive to its inherited font-size"
    },
    /* @jsx */
    "\n<h1 className=\"dnb-h1\">\n  h1 with <Icon icon={BellMedium} size=\"auto\" aria-hidden /> Icon\n</h1>\n          "), typeof window !== 'undefined' && window.IS_TEST && React.createElement(ComponentBox, {
      scope: {
        Bell,
        BellMedium
      },
      caption: "Explicit defined size: medium"
    },
    /* @jsx */
    "\n<Icon icon={BellMedium} size=\"16\" title=\"force default size\" />\n<Icon icon={BellMedium} title=\"is medium anyway\" />\n<Icon icon={Bell} size=\"medium\" title=\"force medium size\" />\n<Icon icon={Bell} size=\"24\" title=\"custom size: size=24\" />\n<Icon\n  icon={Bell}\n  width=\"24\"\n  height=\"24\"\n  title=\"not responsive\"\n/>\n          "));
  }

}

var _ref3 =
/*#__PURE__*/
React.createElement("h3", null, "Importing Icons");

_defineProperty(Example, "AdditionalCallback", {
  info: (_ref2) => {
    let {
      CodeRenderer
    } = _ref2;
    return React.createElement(Fragment, null, _ref3, React.createElement(CodeRenderer, {
      language: "jsx"
    }, "\n// Named import example\nimport { bell as Bell } from 'dnb-ui-lib/icons'\n\n// In case your environment doesn't support tree-shaking, import the icons this way\nimport Bell from 'dnb-ui-lib/icons/bell'\n        "));
  }
});

export { Example };

var _ref =
/*#__PURE__*/
React.createElement(Example, null);

export default (() => _ref);