import { ComponentMeta, ComponentStory } from '@storybook/react'

import { MembershipPill } from './MembershipPill'

export default {
  title:
    'DAO DAO / packages / stateless / components / profile / MembershipPill',
  component: MembershipPill,
} as ComponentMeta<typeof MembershipPill>

const Template: ComponentStory<typeof MembershipPill> = (args) => (
  <div className="flex flex-row items-center gap-4">
    <MembershipPill {...args} isMember />
    <MembershipPill {...args} isMember={false} />
  </div>
)

export const Default = Template.bind({})
Default.args = {
  daoName: 'DAO',
}