import { html } from 'lit';
import SgdsElement from '../../base/sgds-element.js';
import css_248z from './table-cell.js';

/**
 * @summary Table cell is used for presenting individual data values, interactive elements, or custom content within a table row.
 *
 *  @slot - Insert any elements to be rendered as the cell’s content.
 */
class SgdsTableCell extends SgdsElement {
    connectedCallback() {
        super.connectedCallback();
        this.setAttribute("role", "cell");
    }
    render() {
        return html `<div class="table-cell"><slot></slot></div>`;
    }
}
SgdsTableCell.styles = [...SgdsElement.styles, css_248z];

export { SgdsTableCell, SgdsTableCell as default };
//# sourceMappingURL=sgds-table-cell.js.map
