/*
@format
*/
import React from 'react'
import {ComponentStory, ComponentMeta} from '@storybook/react'
import {PGButton} from '../components/UIcomponents'
import {ChakraProvider} from '@chakra-ui/react'
import {vantagePlusTheme} from '../styles/theme'
import '../styles/fonts.css'

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'VantagePlus/Button',
  component: PGButton
} as ComponentMeta<typeof PGButton>

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof PGButton> = args => (
  <ChakraProvider theme={vantagePlusTheme}>
    <PGButton {...args}>Button Text</PGButton>
  </ChakraProvider>
)

export const Normal = Template.bind({})
// // More on args: https://storybook.js.org/docs/react/writing-stories/args
Normal.args = {
  variant: 'outline',
  isLoading: false,
  isDisabled: false,
  props: {}
}