(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [117],
  {
    L1Ug: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = () =>
          n.a.createElement(
            'div',
            null,
            n.a.createElement(
              r['t'],
              {
                title: 'Responsive Descriptions',
                bordered: !0,
                column: { xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 },
              },
              n.a.createElement(
                r['t'].Item,
                { label: 'Product' },
                'Cloud Database',
              ),
              n.a.createElement(r['t'].Item, { label: 'Billing' }, 'Prepaid'),
              n.a.createElement(r['t'].Item, { label: 'time' }, '18:00:00'),
              n.a.createElement(r['t'].Item, { label: 'Amount' }, '$80.00'),
              n.a.createElement(r['t'].Item, { label: 'Discount' }, '$20.00'),
              n.a.createElement(r['t'].Item, { label: 'Official' }, '$60.00'),
              n.a.createElement(
                r['t'].Item,
                { label: 'Config Info' },
                'Data disk type: MongoDB',
                n.a.createElement('br', null),
                'Database version: 3.4',
                n.a.createElement('br', null),
                'Package: dds.mongo.mid',
                n.a.createElement('br', null),
                'Storage space: 10 GB',
                n.a.createElement('br', null),
                'Replication factor: 3',
                n.a.createElement('br', null),
                'Region: East China 1',
              ),
            ),
          );
      t['default'] = m;
    },
    N2ij: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('tJVT'),
        n = a('q1tI'),
        r = a.n(n),
        m = a('m/eG'),
        c = () => {
          var e = Object(n['useState'])('default'),
            t = Object(l['a'])(e, 2),
            a = t[0],
            c = t[1],
            i = (e) => {
              console.log('size checked', e.target.value), c(e.target.value);
            };
          return r.a.createElement(
            'div',
            null,
            r.a.createElement(
              m['M'].Group,
              { onChange: i, value: a },
              r.a.createElement(m['M'], { value: 'default' }, 'default'),
              r.a.createElement(m['M'], { value: 'middle' }, 'middle'),
              r.a.createElement(m['M'], { value: 'small' }, 'small'),
            ),
            r.a.createElement('br', null),
            r.a.createElement('br', null),
            r.a.createElement(
              m['t'],
              {
                bordered: !0,
                title: 'Custom Size',
                size: a,
                extra: r.a.createElement(m['i'], { type: 'primary' }, 'Edit'),
              },
              r.a.createElement(
                m['t'].Item,
                { label: 'Product' },
                'Cloud Database',
              ),
              r.a.createElement(m['t'].Item, { label: 'Billing' }, 'Prepaid'),
              r.a.createElement(m['t'].Item, { label: 'time' }, '18:00:00'),
              r.a.createElement(m['t'].Item, { label: 'Amount' }, '$80.00'),
              r.a.createElement(m['t'].Item, { label: 'Discount' }, '$20.00'),
              r.a.createElement(m['t'].Item, { label: 'Official' }, '$60.00'),
              r.a.createElement(
                m['t'].Item,
                { label: 'Config Info' },
                'Data disk type: MongoDB',
                r.a.createElement('br', null),
                'Database version: 3.4',
                r.a.createElement('br', null),
                'Package: dds.mongo.mid',
                r.a.createElement('br', null),
                'Storage space: 10 GB',
                r.a.createElement('br', null),
                'Replication factor: 3',
                r.a.createElement('br', null),
                'Region: East China 1',
                r.a.createElement('br', null),
              ),
            ),
            r.a.createElement('br', null),
            r.a.createElement('br', null),
            r.a.createElement(
              m['t'],
              {
                title: 'Custom Size',
                size: a,
                extra: r.a.createElement(m['i'], { type: 'primary' }, 'Edit'),
              },
              r.a.createElement(
                m['t'].Item,
                { label: 'Product' },
                'Cloud Database',
              ),
              r.a.createElement(m['t'].Item, { label: 'Billing' }, 'Prepaid'),
              r.a.createElement(m['t'].Item, { label: 'time' }, '18:00:00'),
              r.a.createElement(m['t'].Item, { label: 'Amount' }, '$80.00'),
              r.a.createElement(m['t'].Item, { label: 'Discount' }, '$20.00'),
              r.a.createElement(m['t'].Item, { label: 'Official' }, '$60.00'),
            ),
          );
        };
      t['default'] = c;
    },
    jWj8: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = () =>
          n.a.createElement(
            r['t'],
            { title: 'User Info' },
            n.a.createElement(
              r['t'].Item,
              { label: 'UserName' },
              'Zhou Maomao',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Telephone' },
              '1810000000',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Live' },
              'Hangzhou, Zhejiang',
            ),
            n.a.createElement(r['t'].Item, { label: 'Remark' }, 'empty'),
            n.a.createElement(
              r['t'].Item,
              { label: 'Address' },
              'No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China',
            ),
          );
      t['default'] = m;
    },
    p7mU: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = () =>
          n.a.createElement(
            r['t'],
            { title: 'User Info', layout: 'vertical' },
            n.a.createElement(
              r['t'].Item,
              { label: 'UserName' },
              'Zhou Maomao',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Telephone' },
              '1810000000',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Live' },
              'Hangzhou, Zhejiang',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Address', span: 2 },
              'No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China',
            ),
            n.a.createElement(r['t'].Item, { label: 'Remark' }, 'empty'),
          );
      t['default'] = m;
    },
    pe4a: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = () =>
          n.a.createElement(
            r['t'],
            { title: 'User Info', bordered: !0 },
            n.a.createElement(
              r['t'].Item,
              { label: 'Product' },
              'Cloud Database',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Billing Mode' },
              'Prepaid',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Automatic Renewal' },
              'YES',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Order time' },
              '2018-04-24 18:00:00',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Usage Time', span: 2 },
              '2019-04-24 18:00:00',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Status', span: 3 },
              n.a.createElement(r['g'], {
                status: 'processing',
                text: 'Running',
              }),
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Negotiated Amount' },
              '$80.00',
            ),
            n.a.createElement(r['t'].Item, { label: 'Discount' }, '$20.00'),
            n.a.createElement(
              r['t'].Item,
              { label: 'Official Receipts' },
              '$60.00',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Config Info' },
              'Data disk type: MongoDB',
              n.a.createElement('br', null),
              'Database version: 3.4',
              n.a.createElement('br', null),
              'Package: dds.mongo.mid',
              n.a.createElement('br', null),
              'Storage space: 10 GB',
              n.a.createElement('br', null),
              'Replication factor: 3',
              n.a.createElement('br', null),
              'Region: East China 1',
              n.a.createElement('br', null),
            ),
          );
      t['default'] = m;
    },
    yC6l: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = () =>
          n.a.createElement(
            r['t'],
            { title: 'User Info', layout: 'vertical', bordered: !0 },
            n.a.createElement(
              r['t'].Item,
              { label: 'Product' },
              'Cloud Database',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Billing Mode' },
              'Prepaid',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Automatic Renewal' },
              'YES',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Order time' },
              '2018-04-24 18:00:00',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Usage Time', span: 2 },
              '2019-04-24 18:00:00',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Status', span: 3 },
              n.a.createElement(r['g'], {
                status: 'processing',
                text: 'Running',
              }),
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Negotiated Amount' },
              '$80.00',
            ),
            n.a.createElement(r['t'].Item, { label: 'Discount' }, '$20.00'),
            n.a.createElement(
              r['t'].Item,
              { label: 'Official Receipts' },
              '$60.00',
            ),
            n.a.createElement(
              r['t'].Item,
              { label: 'Config Info' },
              'Data disk type: MongoDB',
              n.a.createElement('br', null),
              'Database version: 3.4',
              n.a.createElement('br', null),
              'Package: dds.mongo.mid',
              n.a.createElement('br', null),
              'Storage space: 10 GB',
              n.a.createElement('br', null),
              'Replication factor: 3',
              n.a.createElement('br', null),
              'Region: East China 1',
              n.a.createElement('br', null),
            ),
          );
      t['default'] = m;
    },
  },
]);
