(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [86],
  {
    '3/+U': function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('q1tI'),
        n = t.n(l),
        r = t('m/eG'),
        c = t('43SX'),
        o = t('FoZM'),
        s = t('nk6Y'),
        u = t('Gn5n'),
        m = () =>
          n.a.createElement(
            n.a.Fragment,
            null,
            n.a.createElement(
              r['ab'],
              { icon: n.a.createElement(c['a'], null), color: '#55acee' },
              'Twitter',
            ),
            n.a.createElement(
              r['ab'],
              { icon: n.a.createElement(o['a'], null), color: '#cd201f' },
              'Youtube',
            ),
            n.a.createElement(
              r['ab'],
              { icon: n.a.createElement(s['a'], null), color: '#3b5999' },
              'Facebook',
            ),
            n.a.createElement(
              r['ab'],
              { icon: n.a.createElement(u['a'], null), color: '#55acee' },
              'LinkedIn',
            ),
          );
      a['default'] = m;
    },
    '4hvQ': function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        o = c['ab'].CheckableTag,
        s = () => {
          var e = Object(n['useState'])(['Books']),
            a = Object(l['a'])(e, 2),
            t = a[0],
            c = a[1],
            s = ['Movies', 'Books', 'Music', 'Sports'],
            u = (e, a) => {
              var l = a ? [...t, e] : t.filter((a) => a !== e);
              console.log('You are interested in: ', l), c(l);
            };
          return r.a.createElement(
            r.a.Fragment,
            null,
            r.a.createElement(
              'span',
              { style: { marginRight: 8 } },
              'Categories:',
            ),
            s.map((e) =>
              r.a.createElement(
                o,
                {
                  key: e,
                  checked: t.indexOf(e) > -1,
                  onChange: (a) => u(e, a),
                },
                e,
              ),
            ),
          );
        };
      a['default'] = s;
    },
    'Bz+S': function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        o = t('xvlK'),
        s = () => {
          var e = Object(n['useState'])(['Unremovable', 'Tag 2', 'Tag 3']),
            a = Object(l['a'])(e, 2),
            t = a[0],
            s = a[1],
            u = Object(n['useState'])(!1),
            m = Object(l['a'])(u, 2),
            i = m[0],
            b = m[1],
            E = Object(n['useState'])(''),
            g = Object(l['a'])(E, 2),
            f = g[0],
            v = g[1],
            d = Object(n['useState'])(-1),
            p = Object(l['a'])(d, 2),
            O = p[0],
            j = p[1],
            k = Object(n['useState'])(''),
            y = Object(l['a'])(k, 2),
            C = y[0],
            h = y[1],
            w = Object(n['useRef'])(),
            T = Object(n['useRef'])();
          Object(n['useEffect'])(() => {
            i && (w.current.focus(), console.log(w));
          }, [i]);
          var S = (e) => {
              var a = t.filter((a) => a !== e);
              console.log(t), s(a);
            },
            F = () => {
              b(!0);
            },
            G = (e) => {
              v(e.target.value);
            },
            I = () => {
              f && -1 === t.indexOf(f) && (t = [...t, f]),
                console.log(t),
                s(t),
                b(!1),
                v('');
            },
            B = (e) => {
              h(e.target.value);
            },
            q = () => {
              var e = [...t];
              (e[O] = C), s(e), j(-1), h('');
            };
          return r.a.createElement(
            r.a.Fragment,
            null,
            t.map((e, a) => {
              if (O === a)
                return r.a.createElement(c['A'], {
                  ref: T,
                  key: e,
                  size: 'small',
                  className: 'tag-input',
                  value: C,
                  onChange: B,
                  onBlur: q,
                  onPressEnter: q,
                });
              var t = e.length > 20,
                l = r.a.createElement(
                  c['ab'],
                  {
                    className: 'edit-tag',
                    key: e,
                    closable: 0 !== a,
                    onClose: () => S(e),
                  },
                  r.a.createElement(
                    'span',
                    {
                      onDoubleClick: (t) => {
                        0 !== a &&
                          (j(a),
                          h(e),
                          setTimeout(() => {
                            T.current.focus();
                          }),
                          t.preventDefault());
                      },
                    },
                    t ? ''.concat(e.slice(0, 20), '...') : e,
                  ),
                );
              return t
                ? r.a.createElement(c['db'], { title: e, key: e }, l)
                : l;
            }),
            i &&
              r.a.createElement(c['A'], {
                ref: w,
                type: 'text',
                size: 'small',
                className: 'tag-input',
                value: f,
                onChange: G,
                onBlur: I,
                onPressEnter: I,
              }),
            !i &&
              r.a.createElement(
                c['ab'],
                { className: 'site-tag-plus', onClick: F },
                r.a.createElement(o['a'], null),
                ' New Tag',
              ),
          );
        };
      a['default'] = s;
    },
    QYCG: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('q1tI'),
        n = t.n(l),
        r = t('m/eG'),
        c = () =>
          n.a.createElement(
            n.a.Fragment,
            null,
            n.a.createElement(r['u'], { orientation: 'left' }, 'Presets'),
            n.a.createElement(
              'div',
              null,
              n.a.createElement(r['ab'], { color: 'magenta' }, 'magenta'),
              n.a.createElement(r['ab'], { color: 'red' }, 'red'),
              n.a.createElement(r['ab'], { color: 'volcano' }, 'volcano'),
              n.a.createElement(r['ab'], { color: 'orange' }, 'orange'),
              n.a.createElement(r['ab'], { color: 'gold' }, 'gold'),
              n.a.createElement(r['ab'], { color: 'lime' }, 'lime'),
              n.a.createElement(r['ab'], { color: 'green' }, 'green'),
              n.a.createElement(r['ab'], { color: 'cyan' }, 'cyan'),
              n.a.createElement(r['ab'], { color: 'blue' }, 'blue'),
              n.a.createElement(r['ab'], { color: 'geekblue' }, 'geekblue'),
              n.a.createElement(r['ab'], { color: 'purple' }, 'purple'),
            ),
            n.a.createElement(r['u'], { orientation: 'left' }, 'Custom'),
            n.a.createElement(
              'div',
              null,
              n.a.createElement(r['ab'], { color: '#f50' }, '#f50'),
              n.a.createElement(r['ab'], { color: '#2db7f5' }, '#2db7f5'),
              n.a.createElement(r['ab'], { color: '#87d068' }, '#87d068'),
              n.a.createElement(r['ab'], { color: '#108ee9' }, '#108ee9'),
            ),
          );
      a['default'] = c;
    },
    Vzub: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('q1tI'),
        n = t.n(l),
        r = t('m/eG'),
        c = t('Ue1A'),
        o = t('zsHu'),
        s = t('2BaD'),
        u = t('RCxd'),
        m = t('Icgb'),
        i = t('wlus'),
        b = () =>
          n.a.createElement(
            n.a.Fragment,
            null,
            n.a.createElement(r['u'], { orientation: 'left' }, 'Without icon'),
            n.a.createElement(
              'div',
              null,
              n.a.createElement(r['ab'], { color: 'success' }, 'success'),
              n.a.createElement(r['ab'], { color: 'processing' }, 'processing'),
              n.a.createElement(r['ab'], { color: 'error' }, 'error'),
              n.a.createElement(r['ab'], { color: 'warning' }, 'warning'),
              n.a.createElement(r['ab'], { color: 'default' }, 'default'),
            ),
            n.a.createElement(r['u'], { orientation: 'left' }, 'With icon'),
            n.a.createElement(
              'div',
              null,
              n.a.createElement(
                r['ab'],
                { icon: n.a.createElement(c['a'], null), color: 'success' },
                'success',
              ),
              n.a.createElement(
                r['ab'],
                {
                  icon: n.a.createElement(o['a'], { spin: !0 }),
                  color: 'processing',
                },
                'processing',
              ),
              n.a.createElement(
                r['ab'],
                { icon: n.a.createElement(s['a'], null), color: 'error' },
                'error',
              ),
              n.a.createElement(
                r['ab'],
                { icon: n.a.createElement(u['a'], null), color: 'warning' },
                'warning',
              ),
              n.a.createElement(
                r['ab'],
                { icon: n.a.createElement(m['a'], null), color: 'default' },
                'waiting',
              ),
              n.a.createElement(
                r['ab'],
                { icon: n.a.createElement(i['a'], null), color: 'default' },
                'stop',
              ),
            ),
          );
      a['default'] = b;
    },
    cbNY: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        o = () => {
          var e = Object(n['useState'])(!1),
            a = Object(l['a'])(e, 2),
            t = a[0],
            o = a[1];
          return r.a.createElement(
            r.a.Fragment,
            null,
            r.a.createElement(
              c['ab'],
              { closable: !0, visible: t, onClose: () => o(!1) },
              'Movies',
            ),
            r.a.createElement('br', null),
            r.a.createElement(
              c['i'],
              { size: 'small', onClick: () => o(!t) },
              'Toggle',
            ),
          );
        };
      a['default'] = o;
    },
    cyon: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('q1tI'),
        n = t.n(l),
        r = t('m/eG'),
        c = () => {
          var e = (e) => {
              console.log(e);
            },
            a = (e) => {
              e.preventDefault(), console.log('Clicked! But prevent default.');
            };
          return n.a.createElement(
            n.a.Fragment,
            null,
            n.a.createElement(r['ab'], null, 'Tag 1'),
            n.a.createElement(
              r['ab'],
              null,
              n.a.createElement(
                'a',
                {
                  href: 'https://github.com/ant-design/ant-design/issues/1862',
                },
                'Link',
              ),
            ),
            n.a.createElement(r['ab'], { closable: !0, onClose: e }, 'Tag 2'),
            n.a.createElement(
              r['ab'],
              { closable: !0, onClose: a },
              'Prevent Default',
            ),
          );
        };
      a['default'] = c;
    },
    vbKZ: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        o = t('6y1p'),
        s = t('xvlK'),
        u = () => {
          var e = Object(n['useState'])(['Tag 1', 'Tag 2', 'Tag 3']),
            a = Object(l['a'])(e, 2),
            t = a[0],
            u = a[1],
            m = Object(n['useState'])(!1),
            i = Object(l['a'])(m, 2),
            b = i[0],
            E = i[1],
            g = Object(n['useState'])(''),
            f = Object(l['a'])(g, 2),
            v = f[0],
            d = f[1],
            p = Object(n['useRef'])();
          Object(n['useEffect'])(() => {
            b && p.current.focus();
          }, [b]);
          var O = (e) => {
              var a = t.filter((a) => a !== e);
              u(a);
            },
            j = () => {
              E(!0);
            },
            k = (e) => {
              d(e.target.value);
            },
            y = () => {
              v && -1 === t.indexOf(v) && (t = [...t, v]),
                console.log(t),
                u(t),
                E(!1),
                d('');
            },
            C = (e) => {
              var a = r.a.createElement(
                c['ab'],
                {
                  closable: !0,
                  onClose: (a) => {
                    a.preventDefault(), O(e);
                  },
                },
                e,
              );
              return r.a.createElement(
                'span',
                { key: e, style: { display: 'inline-block' } },
                a,
              );
            },
            h = t.map(C);
          return r.a.createElement(
            r.a.Fragment,
            null,
            r.a.createElement(
              'div',
              { style: { marginBottom: 16 } },
              r.a.createElement(
                o['a'],
                {
                  enter: {
                    scale: 0.8,
                    opacity: 0,
                    type: 'from',
                    duration: 100,
                    onComplete: (e) => {
                      e.target.style = '';
                    },
                  },
                  leave: { opacity: 0, width: 0, scale: 0, duration: 200 },
                  appear: !1,
                },
                h,
              ),
            ),
            b &&
              r.a.createElement(c['A'], {
                ref: p,
                type: 'text',
                size: 'small',
                style: { width: 78 },
                value: v,
                onChange: k,
                onBlur: y,
                onPressEnter: y,
              }),
            !b &&
              r.a.createElement(
                c['ab'],
                { onClick: j, className: 'site-tag-plus' },
                r.a.createElement(s['a'], null),
                ' New Tag',
              ),
          );
        };
      a['default'] = u;
    },
  },
]);
