import styled from "@emotion/styled";
import { component, mergeConfig } from "../../../../engines";
import { cellConfig, cellTokens } from "../../../Cell";
import { applyEllipsis } from "../../../../mixins";
import { CellRight } from "../../../Cell/Cell.styles";
import { classes, tokens } from "../../File.tokens";
const mergedConfig = mergeConfig(cellConfig);
const Cell = component(mergedConfig);
export const StyledCell = /*#__PURE__*/ styled(Cell, {
    target: "e2em9n20",
    label: "StyledCell"
})("white-space:nowrap;height:var(", tokens.cellHeight, ");", cellTokens.cellWidth, ":100%;", cellTokens.cellGap, ":var(", tokens.cellGap, ");&.", classes.fileActionLeft, "{", CellRight, "{order:-1;}}");
export const FileInfoWrapper = /*#__PURE__*/ styled("div", {
    target: "e2em9n21",
    label: "FileInfoWrapper"
})("display:grid;grid-template-rows:1fr auto;gap:var(", tokens.cellTextboxGap, ");");
export const FilenameWrapper = /*#__PURE__*/ styled("div", {
    target: "e2em9n22",
    label: "FilenameWrapper"
})("display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(", tokens.cellTitleColor, ");font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");");
export const TruncatedFilenamePart = /*#__PURE__*/ styled("span", {
    target: "e2em9n23",
    label: "TruncatedFilenamePart"
})(applyEllipsis());
export const FilenameExtensionPart = /*#__PURE__*/ styled("span", {
    target: "e2em9n24",
    label: "FilenameExtensionPart"
})();
export const FileDescription = /*#__PURE__*/ styled("span", {
    target: "e2em9n25",
    label: "FileDescription"
})("color:var(", tokens.cellSubtitleColor, ");font-family:var(", tokens.cellSubtitleFontFamily, ");font-size:var(", tokens.cellSubtitleFontSize, ");font-style:var(", tokens.cellSubtitleFontStyle, ");font-weight:var(", tokens.cellSubtitleFontWeight, ");letter-spacing:var(", tokens.cellSubtitleLetterSpacing, ");line-height:var(", tokens.cellSubtitleLineHeight, ");", applyEllipsis());
