import styled from "styled-components";
import { tableTokens as tokens } from "../../Table.tokens";
export const Td = styled.td.withConfig({
    displayName: "Cell.styles__Td",
    componentId: "sc-3cb8fe0a-0"
})([
    `position:relative;padding:`,
    `;height:var(`,
    `);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:`,
    `;border-bottom-color:`,
    `;box-sizing:border-box;`
], ({ selectionCell })=>selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`, tokens.rowHeight, ({ selected, borderVariant, view })=>// eslint-disable-next-line no-nested-ternary
    borderVariant === 'all' && view !== 'clear' ? `var(${tokens.borderColor})` : selected ? 'var(--surface-transparent-accent)' : 'transparent', ({ borderVariant })=>borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent');
