39 lines
881 B
JavaScript
39 lines
881 B
JavaScript
|
const React = require('react');
|
||
|
|
const Base = require('../base');
|
||
|
|
|
||
|
|
const {
|
||
|
|
storiesOf
|
||
|
|
} = require('@kadira/storybook');
|
||
|
|
|
||
|
|
const {
|
||
|
|
MetricBody,
|
||
|
|
MetricCloseButton,
|
||
|
|
MetricHeader,
|
||
|
|
MetricSelect,
|
||
|
|
MetricSettingsButton,
|
||
|
|
MetricTitle,
|
||
|
|
MetricView
|
||
|
|
} = require('./');
|
||
|
|
|
||
|
|
const onButtonClick = () => {};
|
||
|
|
|
||
|
|
storiesOf('Metric', module)
|
||
|
|
.add('Metric', () => (
|
||
|
|
<Base>
|
||
|
|
<MetricView>
|
||
|
|
<MetricHeader>
|
||
|
|
<MetricTitle>Aggregated CPU usage</MetricTitle>
|
||
|
|
<MetricSelect>
|
||
|
|
<option selected>6 hours</option>
|
||
|
|
<option>12 hours</option>
|
||
|
|
<option>24 hours</option>
|
||
|
|
<option>Two days</option>
|
||
|
|
</MetricSelect>
|
||
|
|
<MetricSettingsButton>Settings</MetricSettingsButton>
|
||
|
|
<MetricCloseButton onClick={onButtonClick} />
|
||
|
|
</MetricHeader>
|
||
|
|
<MetricBody />
|
||
|
|
</MetricView>
|
||
|
|
</Base>
|
||
|
|
));
|