"use strict";var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard"),_interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Example=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")),_getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")),_inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_react=_interopRequireWildcard(require("react")),_ComponentBox=_interopRequireDefault(require("../../../../dnb-design-system-portal/src/shared/tags/ComponentBox")),_lib=require("./lib"),Example=function(e){function t(){return(0,_classCallCheck2.default)(this,t),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(t).apply(this,arguments))}return(0,_inherits2.default)(t,e),(0,_createClass2.default)(t,[{key:"render",value:function(){return _react.default.createElement(_react.Fragment,null,_react.default.createElement(_ComponentBox.default,{scope:{Bell:_lib.bell,BellMedium:_lib.bell_medium},caption:"Default and Medium sized icons (Responsive)"},'\n<Icon icon={Bell} title="Give Icons a Title, or ..." />\n<Icon icon={BellMedium} aria-hidden />\n          '),_react.default.createElement(_ComponentBox.default,{scope:{Bell:_lib.bell,BellMedium:_lib.bell_medium},caption:"Responsive to its inherited font-size"},'\n<h1 className="dnb-h1">\n  h1 with <Icon icon={BellMedium} size="auto" aria-hidden /> Icon\n</h1>\n          '),"undefined"!=typeof window&&window.IS_TEST&&_react.default.createElement(_ComponentBox.default,{scope:{Bell:_lib.bell,BellMedium:_lib.bell_medium},caption:"Explicit defined size: medium"},'\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          '))}}]),t}(_react.PureComponent);exports.Example=Example;var _ref3=_react.default.createElement("h3",null,"Importing Icons");(0,_defineProperty2.default)(Example,"AdditionalCallback",{info:function(e){var t=e.CodeRenderer;return _react.default.createElement(_react.Fragment,null,_ref3,_react.default.createElement(t,{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        "))}});var _ref=_react.default.createElement(Example,null),_default=function(){return _ref};exports.default=_default;
//# sourceMappingURL=Example.js.map
