import React from 'react';
import { storiesOf } from '@storybook/react-native';

import { Spinner } from './Spinner';

storiesOf('Components/Atoms/Spinner', module)
  .add('Default', () => <Spinner />)
  .add('Theme colors', () => (
    <>
      <Spinner size="xxl" color="yellow.600" />
      <Spinner size="xxl" color="orange.600" />
      <Spinner size="xxl" color="lime.500" />
    </>
  ))
  .add('Theme sizes', () => (
    <>
      <Spinner color="black" />
      <Spinner color="black" size="xl" />
      <Spinner color="black" size="xxl" />
      <Spinner color="black" size="3xl" />
    </>
  ));