import type { Meta, StoryObj } from '@storybook/react';
import CloseButton from '../../components/UI/CloseButton/CloseButton';

/***
 * This is used wherever we need 'close' functionality.
 */
const meta: Meta<typeof CloseButton> = {
  title:'Components/Misc-Buttons/CloseButton',
  component: CloseButton,
  decorators: [
    (Story) => (
        <div style={{position: 'relative', width: '100px', height: '100px'}}>
            <Story/>
        </div>
    )
  ]
};
 
export default meta;
type Story = StoryObj<typeof CloseButton>;
 
export const CloseButtonEx: Story = {
  args: {
    buttonType: 'button',
    onClick: () => console.log('clicked'),
  },
  argTypes: {
    onClick: {
       action: "onClick",
   },
 }
};