import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import './index.scss';
export const listHeaderClass = 'list-header';
export const ListHeader = (props)=>{
    return /*#__PURE__*/ _jsxDEV("header", {
        className: [
            listHeaderClass,
            props.className
        ].filter(Boolean).join(' '),
        children: [
            /*#__PURE__*/ _jsxDEV("div", {
                className: `${listHeaderClass}__content`,
                children: [
                    /*#__PURE__*/ _jsxDEV("div", {
                        className: `${listHeaderClass}__title-and-actions`,
                        children: [
                            /*#__PURE__*/ _jsxDEV("h1", {
                                className: `${listHeaderClass}__title`,
                                children: props.title
                            }, void 0, false, {
                                fileName: "src/elements/ListHeader/index.tsx",
                                lineNumber: 19,
                                columnNumber: 11
                            }, this),
                            props.TitleActions.length ? /*#__PURE__*/ _jsxDEV("div", {
                                className: `${listHeaderClass}__title-actions`,
                                children: props.TitleActions
                            }, void 0, false, {
                                fileName: "src/elements/ListHeader/index.tsx",
                                lineNumber: 21,
                                columnNumber: 13
                            }, this) : null
                        ]
                    }, void 0, true, {
                        fileName: "src/elements/ListHeader/index.tsx",
                        lineNumber: 18,
                        columnNumber: 9
                    }, this),
                    props.Actions.length ? /*#__PURE__*/ _jsxDEV("div", {
                        className: `${listHeaderClass}__actions`,
                        children: props.Actions
                    }, void 0, false, {
                        fileName: "src/elements/ListHeader/index.tsx",
                        lineNumber: 25,
                        columnNumber: 11
                    }, this) : null
                ]
            }, void 0, true, {
                fileName: "src/elements/ListHeader/index.tsx",
                lineNumber: 17,
                columnNumber: 7
            }, this),
            props.AfterListHeaderContent ? /*#__PURE__*/ _jsxDEV("div", {
                className: `${listHeaderClass}__after-header-content`,
                children: props.AfterListHeaderContent
            }, void 0, false, {
                fileName: "src/elements/ListHeader/index.tsx",
                lineNumber: 29,
                columnNumber: 9
            }, this) : null
        ]
    }, void 0, true, {
        fileName: "src/elements/ListHeader/index.tsx",
        lineNumber: 16,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map