import ButtonWithPopup from "../../components/UI/ButtonWithPopup/ButtonWithPopup";

import type {Meta, StoryObj} from "@storybook/react";
import GroupIcon from "../../components/SVG/GroupIcon";
import React from "react";
import StatusColumn from "../../components/UI/DuaList/Columns/StatusColumn";
import {LinkWithRole} from "../../components/HOC/LinkWithRole";

const meta: Meta<typeof ButtonWithPopup> = {
    title: 'Components/Misc-Buttons/ButtonWithPopup',
    component: ButtonWithPopup,
};
export default meta;

type Story = StoryObj<typeof ButtonWithPopup>;


export const ButtonWithPopupEx: Story = {
    args: {
        buttonText: 'CLICK ME',
        buttonIcon: <GroupIcon/>,
        children:
            <div style={{backgroundColor: 'pink', padding: '10px', maxWidth: '500px'}}>
                <div className={'popup-content-header'}>
                    <h1>This is the content of the popup</h1>
                </div>
                <div className={'popup-content-body'}>
                    <p>You can have other components as the child element, and it will eb used as the content of the
                        popup</p>
                </div>
            </div>
    },
    argTypes: {}
};