"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { TableConfigProvider } from "./TableConfigurationProvider.js";
import { tableFooter } from "./tableFooterStyles.js";
import { useTableSectionConfig } from "./useTableSectionConfig.js";
/**
 * **Client Component**
 *
 * Creates a `<tfoot>` element with some basic styles. This component will
 * disable the hover effect and line wrapping by default, but the hover effect
 * and line-wrapping can be re-enabled if desired through the `hoverable` and
 * `disableNoWrap` props.
 *
 * @see {@link https://react-md.dev/components/table | Table Demos}
 */ export const TableFooter = /*#__PURE__*/ forwardRef(function TableFooter(props, propRef) {
    const { className, hoverable, lineWrap, children, ...remaining } = props;
    const config = useTableSectionConfig({
        type: "footer",
        lineWrap,
        hoverable
    });
    return /*#__PURE__*/ _jsx(TableConfigProvider, {
        value: config,
        children: /*#__PURE__*/ _jsx("tfoot", {
            ...remaining,
            ref: propRef,
            className: tableFooter({
                className
            }),
            children: children
        })
    });
});

//# sourceMappingURL=TableFooter.js.map