import type { Meta, StoryObj } from '@storybook/react'
import React, { useState } from 'react'

import Button from '../../atoms/Button/Button.component'
import { IShareModal } from './ShareModal.interface'
import ShareModal from './ShareModal.component'

export default {
  title: 'Components/ShareModal',
  component: ShareModal
} as Meta

export const Simple: StoryObj<IShareModal> = {
  render: args => {
    const [isOpen, setIsOpen] = useState(false)
    return (
      <>
        <Button variant="primary" onClick={() => setIsOpen(true)}>
          Open
        </Button>
        <ShareModal {...args} open={isOpen} onClose={() => setIsOpen(false)} />
      </>
    )
  },
  args: {
    siteTitle: 'Miewtheme DS',
    title: 'Design system',
    url: 'https://miew.pt/',
    label: 'Share',
    copyText: 'Copied to clipboard!',
  }
}