import styled from "@emotion/styled";
import { tableTokens as tokens } from "../../Table.tokens";
export var Td = /*#__PURE__*/ styled("td", {
    target: "e1ahlot00",
    label: "Td"
})("position:relative;padding:", function(param) {
    var selectionCell = param.selectionCell;
    return selectionCell ? "var(".concat(tokens.checkboxCellPadding, ")") : "var(".concat(tokens.cellPadding, ")");
}, ";height:var(", tokens.rowHeight, ");border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:", function(param) {
    var selected = param.selected, borderVariant = param.borderVariant, view = param.view;
    return(// eslint-disable-next-line no-nested-ternary
    borderVariant === 'all' && view !== 'clear' ? "var(".concat(tokens.borderColor, ")") : selected ? 'var(--surface-transparent-accent)' : 'transparent');
}, ";border-bottom-color:", function(param) {
    var borderVariant = param.borderVariant;
    return borderVariant === 'all' || borderVariant === 'rows' ? "var(".concat(tokens.borderColor, ")") : 'transparent';
}, ";box-sizing:border-box;");
