'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import * as React from 'react';
import { Link } from '../../Link/index.js';
import './index.scss';
const baseClass = 'popup-button-list';
export { PopupListDivider as Divider } from '../PopupDivider/index.js';
export { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js';
export const ButtonGroup = ({ buttonSize = 'default', children, className, textAlign = 'left' })=>{
    const classes = [
        baseClass,
        className,
        `${baseClass}__text-align--${textAlign}`,
        `${baseClass}__button-size--${buttonSize}`
    ].filter(Boolean).join(' ');
    return /*#__PURE__*/ _jsxDEV("div", {
        className: classes,
        children: children
    }, void 0, false, {
        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
        lineNumber: 28,
        columnNumber: 10
    }, this);
};
export const Button = ({ id, active, children, className, disabled, href, onClick })=>{
    const classes = [
        `${baseClass}__button`,
        disabled && `${baseClass}__disabled`,
        active && `${baseClass}__button--selected`,
        className
    ].filter(Boolean).join(' ');
    if (!disabled) {
        if (href) {
            return /*#__PURE__*/ _jsxDEV(Link, {
                className: classes,
                href: href,
                id: id,
                onClick: (e)=>{
                    if (onClick) {
                        onClick(e);
                    }
                },
                prefetch: false,
                children: children
            }, void 0, false, {
                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
                lineNumber: 62,
                columnNumber: 9
            }, this);
        }
        if (onClick) {
            return /*#__PURE__*/ _jsxDEV("button", {
                className: classes,
                id: id,
                onClick: (e)=>{
                    if (onClick) {
                        onClick(e);
                    }
                },
                type: "button",
                children: children
            }, void 0, false, {
                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
                lineNumber: 80,
                columnNumber: 9
            }, this);
        }
    }
    return /*#__PURE__*/ _jsxDEV("div", {
        className: classes,
        id: id,
        children: children
    }, void 0, false, {
        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
        lineNumber: 97,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map