import type { Meta, StoryObj } from '@storybook/react'
import React from 'react'
import PropTypes from 'prop-types'
import { CustomLink } from '.'

const meta: Meta<typeof CustomLink> = {
  component: CustomLink,
  title: 'atoms/CustomLink',
  args: {
    children: 'Link Text',
    href: '/'
  }
}

export default meta

type Story = StoryObj<typeof CustomLink>

export const Default: Story = (args: any) => <CustomLink {...args} />

Default.args = {
  children: 'Link Text',
  href: '/'
}

Default.argTypes = {
  children: {
    control: {
      type: 'text'
    }
  },
  href: {
    control: {
      type: 'text'
    }
  }
}

Default.parameters = {
  controls: { hideNoControlsWarning: true }
}

CustomLink.propTypes = {
  children: PropTypes.any,
  href: PropTypes.string,
  otherProps: PropTypes.any
}