// eslint-disable-next-line node/no-extraneous-import
import type { StoryFn, Meta } from '@storybook/react'
import { GoogleMap } from '.'

const exp: Meta<typeof GoogleMap> = {
  title: 'Example/GoogleMap',
  component: GoogleMap,
  args: {
    zoom: 8,
    mapContainerStyle: {
      width: '480px',
      height: '320px',
    },
    center: {
      lat: -3.745,
      lng: -38.523,
    },
  },
}

export default exp

const Template: StoryFn<typeof GoogleMap> = (args) => (
  <GoogleMap {...args} />
)

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
export const Default = Template.bind({})
Default.args = {
  zoom: 8,
}

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
export const Satellite = Template.bind({})
Satellite.args = {
  zoom: 15,
  mapTypeId: 'satellite'
}