import React from 'react';
import { DiscreteLegend } from 'reaviz';
import { DiscreteLegendEntry } from 'reaviz';

export default {
  title: 'Utils/Legend/Discrete/Vertical',
};

export const Simple = () => (
  <DiscreteLegend
    style={{ width: '200px' }}
    entries={[
      <DiscreteLegendEntry label="DLP" color="green" />,
      <DiscreteLegendEntry label="SIEM" color="blue" />,
      <DiscreteLegendEntry label="AWS" color="yellow" />,
      <DiscreteLegendEntry label="AD" color="purple" />
    ]}
  />
);