"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { useTableConfig } from "./TableConfigurationProvider.js";
import { tableRow } from "./tableRowStyles.js";
/**
 * **Client Component**
 *
 * Creates a `<tr>` element with some general styles that are inherited from the
 * base table configuration.
 *
 * @see {@link https://react-md.dev/components/table | Table Demos}
 */ export const TableRow = /*#__PURE__*/ forwardRef(function TableRow(props, ref) {
    const { className, disableHover: propDisableHover, disableBorders: propDisableBorders, children, selected = false, clickable = false, ...remaining } = props;
    const { disableHover, disableBorders } = useTableConfig({
        disableHover: propDisableHover,
        disableBorders: propDisableBorders
    });
    return /*#__PURE__*/ _jsx("tr", {
        ...remaining,
        ref: ref,
        className: tableRow({
            selected,
            clickable,
            disableHover,
            disableBorders,
            className
        }),
        children: children
    });
});

//# sourceMappingURL=TableRow.js.map