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