import styled from "styled-components";
import { tableTokens as tokens } from "../../Table.tokens";
export var 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;"
], function(param) {
    var selectionCell = param.selectionCell;
    return selectionCell ? "var(".concat(tokens.checkboxCellPadding, ")") : "var(".concat(tokens.cellPadding, ")");
}, tokens.rowHeight, 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');
}, function(param) {
    var borderVariant = param.borderVariant;
    return borderVariant === 'all' || borderVariant === 'rows' ? "var(".concat(tokens.borderColor, ")") : 'transparent';
});
