import React from 'react';
var iconJson = require("../font/iconfont.json");
import { IconFont } from '@zhst/icon';
import "./index.less";
import { message } from '@zhst/meta';
var demo = function demo() {
  var iconArr = iconJson['glyphs'];
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
    className: 'demo-ul'
  }, iconArr.map(function (item) {
    var font_class = item.font_class,
      name = item.name;
    var fontName = "icon-".concat(font_class);
    return /*#__PURE__*/React.createElement("li", {
      className: 'demo-li'
    }, /*#__PURE__*/React.createElement(IconFont, {
      styles: {
        marginBottom: 20
      },
      icon: fontName,
      size: 32,
      onIconClick: function onIconClick() {
        navigator.clipboard.writeText(fontName);
        message.success("\u590D\u5236".concat(fontName, "\u6210\u529F"));
      }
    }), /*#__PURE__*/React.createElement("div", {
      className: "demo-li-name"
    }, name), /*#__PURE__*/React.createElement("div", {
      className: "demo-li-name"
    }, fontName));
  })));
};
export default demo;