const React = require('react');
const {
storiesOf
} = require('@kadira/storybook');
const Base = require('../base');
const Row = require('../row');
const Column = require('../column');
const MiniMetricData = require('./mini-metric-data');
const {
MiniMetricGraph,
MiniMetricMeta,
MiniMetricTitle,
MiniMetricSubtitle,
MiniMetricView
} = require('../mini-metric');
const {
ListItemDescription,
ListItemHeader,
ListItem,
ListItemMeta,
ListItemOptions,
ListItemOutlet,
ListItemSubTitle,
ListItemTitle,
ListItemView,
ListItemGroupView
} = require('./');
storiesOf('List Item', module)
.add('default', () => (
Nginx 01
4 instances
Flags
Metrics
…
))
.add('collapsed', () => (
Nginx 01
4 instances
Flags
Metrics
…
))
.add('headed', () => (
Nginx 01
4 instances
Flags
…
Flags
Metrics
))
.add('headed collapsed', () => (
Nginx 01
4 instances
Flags
…
Flags
Metrics
))
.add('stacked', () => (
Nginx 01
4 instances
Flags
Metrics
…
))
.add('view-group', () => (
Percona
5 instances
Flags
…
percona_database
Metrics
percona_database
5 instances
Flags
Metrics
percona_database
5 instances
Metrics
))
.add('view-group with metrics', () => (
Percona
5 instances
Flags
…
percona_database
Memory: 54%
(1280/3000 MB)
Memory: 54%
(1280/3000 MB)
Memory: 54%
(1280/3000 MB)
percona_database
5 instances
Flags
Memory: 54%
(1280/3000 MB)
Memory: 54%
(1280/3000 MB)
Memory: 54%
(1280/3000 MB)
percona_database
5 instances
Memory: 54%
(1280/3000 MB)
Memory: 54%
(1280/3000 MB)
Memory: 54%
(1280/3000 MB)
));