'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { useTranslation } from '../../providers/Translation/index.js';
import { Button } from '../Button/index.js';
import './index.scss';
const baseClass = 'list-selection';
/**
   * The count of selected items
   */ /**
   * Actions that apply to the list as a whole
   *
   * @example select all, clear selection
   */ /**
   * Actions that apply to the selected items
   *
   * @example edit, delete, publish, unpublish
   */ export function ListSelection_v4({ count, ListActions, SelectionActions }) {
    const { t } = useTranslation();
    return /*#__PURE__*/ _jsxDEV("div", {
        className: baseClass,
        children: [
            /*#__PURE__*/ _jsxDEV("span", {
                children: t('general:selectedCount', {
                    count,
                    label: ''
                })
            }, void 0, false, {
                fileName: "src/elements/ListSelection/index.tsx",
                lineNumber: 35,
                columnNumber: 7
            }, this),
            ListActions && ListActions.length > 0 && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                children: [
                    /*#__PURE__*/ _jsxDEV("span", {
                        children: "—"
                    }, void 0, false, {
                        fileName: "src/elements/ListSelection/index.tsx",
                        lineNumber: 38,
                        columnNumber: 11
                    }, this),
                    /*#__PURE__*/ _jsxDEV("div", {
                        className: `${baseClass}__actions`,
                        children: ListActions
                    }, void 0, false, {
                        fileName: "src/elements/ListSelection/index.tsx",
                        lineNumber: 39,
                        columnNumber: 11
                    }, this)
                ]
            }, void 0, true, {
                fileName: "src/elements/ListSelection/index.tsx",
                lineNumber: 37,
                columnNumber: 9
            }, this),
            SelectionActions && SelectionActions.length > 0 && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                children: [
                    /*#__PURE__*/ _jsxDEV("span", {
                        children: "—"
                    }, void 0, false, {
                        fileName: "src/elements/ListSelection/index.tsx",
                        lineNumber: 44,
                        columnNumber: 11
                    }, this),
                    /*#__PURE__*/ _jsxDEV("div", {
                        className: `${baseClass}__actions`,
                        children: SelectionActions
                    }, void 0, false, {
                        fileName: "src/elements/ListSelection/index.tsx",
                        lineNumber: 45,
                        columnNumber: 11
                    }, this)
                ]
            }, void 0, true, {
                fileName: "src/elements/ListSelection/index.tsx",
                lineNumber: 43,
                columnNumber: 9
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/elements/ListSelection/index.tsx",
        lineNumber: 34,
        columnNumber: 5
    }, this);
}
export function ListSelectionButton({ children, className, ...props }) {
    return /*#__PURE__*/ _jsxDEV(Button, {
        ...props,
        buttonStyle: "none",
        className: [
            `${baseClass}__button`,
            className
        ].filter(Boolean).join(' '),
        children: children
    }, void 0, false, {
        fileName: "src/elements/ListSelection/index.tsx",
        lineNumber: 55,
        columnNumber: 5
    }, this);
}

//# sourceMappingURL=index.js.map