import * as React from "react"
import { storiesOf } from "@storybook/react-native"
import { StoryScreen, Story, UseCase } from "../../../storybook/views"
import { color } from "../../theme"
import { <%= props.pascalCaseName %> } from "./<%= props.kebabCaseName %>"

storiesOf("<%= props.pascalCaseName %>", module)
  .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
  .add("Style Presets", () => (
    <Story>
      <UseCase text="Primary" usage="The primary.">
        <<%= props.pascalCaseName %> style={{ backgroundColor: color.error }} />
      </UseCase>
    </Story>
  ))