'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import './index.scss';
const baseClass = 'simple-table';
export const SimpleTable = ({ appearance, className, headerCells: headers, tableRows: rows })=>{
    return /*#__PURE__*/ _jsxDEV("div", {
        className: [
            className,
            baseClass,
            appearance && `${baseClass}--appearance-${appearance}`
        ].filter(Boolean).join(' '),
        children: /*#__PURE__*/ _jsxDEV("table", {
            cellPadding: 0,
            cellSpacing: 0,
            className: `${baseClass}__table`,
            children: [
                /*#__PURE__*/ _jsxDEV(TableHead, {
                    children: /*#__PURE__*/ _jsxDEV(TableRow, {
                        children: headers
                    }, void 0, false, {
                        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
                        lineNumber: 29,
                        columnNumber: 11
                    }, this)
                }, void 0, false, {
                    fileName: "src/elements/FolderView/SimpleTable/index.tsx",
                    lineNumber: 28,
                    columnNumber: 9
                }, this),
                /*#__PURE__*/ _jsxDEV(TableBody, {
                    children: rows
                }, void 0, false, {
                    fileName: "src/elements/FolderView/SimpleTable/index.tsx",
                    lineNumber: 32,
                    columnNumber: 9
                }, this)
            ]
        }, void 0, true, {
            fileName: "src/elements/FolderView/SimpleTable/index.tsx",
            lineNumber: 27,
            columnNumber: 7
        }, this)
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 22,
        columnNumber: 5
    }, this);
};
export const TableHead = ({ children, className, ...rest })=>{
    return /*#__PURE__*/ _jsxDEV("thead", {
        className: `${baseClass}__thead ${className || ''}`.trim(),
        ...rest,
        children: children
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 44,
        columnNumber: 5
    }, this);
};
export const TableBody = ({ children, className, ...rest })=>{
    return /*#__PURE__*/ _jsxDEV("tbody", {
        className: `${baseClass}__tbody ${className || ''}`.trim(),
        ...rest,
        children: children
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 56,
        columnNumber: 5
    }, this);
};
export const TableRow = ({ children, className, ...rest })=>{
    return /*#__PURE__*/ _jsxDEV("tr", {
        className: `${baseClass}__tr ${className || ''}`.trim(),
        ...rest,
        children: children
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 68,
        columnNumber: 5
    }, this);
};
export const TableCell = ({ children, className, ...rest })=>{
    return /*#__PURE__*/ _jsxDEV("td", {
        className: `${baseClass}__td ${className || ''}`.trim(),
        ...rest,
        children: children
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 80,
        columnNumber: 5
    }, this);
};
export const TableHeader = ({ children, className, ...rest })=>{
    return /*#__PURE__*/ _jsxDEV("th", {
        className: `${baseClass}__th ${className || ''}`.trim(),
        ...rest,
        children: children
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 92,
        columnNumber: 5
    }, this);
};
export const HiddenCell = ({ children, className, ...rest })=>{
    return /*#__PURE__*/ _jsxDEV("td", {
        className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
        ...rest,
        children: children
    }, void 0, false, {
        fileName: "src/elements/FolderView/SimpleTable/index.tsx",
        lineNumber: 104,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map