import * as React from 'react';
import { number, boolean, select } from '@storybook/addon-knobs';
import Healthscore from '.';
import { Shelf } from '../Layout';

export default {
  title: 'Components|Healthscore',
  component: Healthscore,
};

export const index = () => (
  <Shelf>
    <Healthscore
      size={select('Size', ['small', 'large'])}
      score={number('Score', 30)}
      isActive={boolean('Active', true)}
      isProcessing={boolean('Processing', false)}
    />
  </Shelf>
);