import styled from "styled-components";
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 = styled(Cell).withConfig({
    displayName: "Cell.styles__StyledCell",
    componentId: "sc-fc70c859-0"
})([
    `white-space:nowrap;height:var(`,
    `);`,
    `:100%;`,
    `:var(`,
    `);&.`,
    `{`,
    `{order:-1;}}`
], tokens.cellHeight, cellTokens.cellWidth, cellTokens.cellGap, tokens.cellGap, classes.fileActionLeft, CellRight);
export const FileInfoWrapper = styled.div.withConfig({
    displayName: "Cell.styles__FileInfoWrapper",
    componentId: "sc-fc70c859-1"
})([
    `display:grid;grid-template-rows:1fr auto;gap:var(`,
    `);`
], tokens.cellTextboxGap);
export const FilenameWrapper = styled.div.withConfig({
    displayName: "Cell.styles__FilenameWrapper",
    componentId: "sc-fc70c859-2"
})([
    `display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`
], tokens.cellTitleColor, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight);
export const TruncatedFilenamePart = styled.span.withConfig({
    displayName: "Cell.styles__TruncatedFilenamePart",
    componentId: "sc-fc70c859-3"
})([
    ``,
    ``
], applyEllipsis());
export const FilenameExtensionPart = styled.span.withConfig({
    displayName: "Cell.styles__FilenameExtensionPart",
    componentId: "sc-fc70c859-4"
})([
    ``
]);
export const FileDescription = styled.span.withConfig({
    displayName: "Cell.styles__FileDescription",
    componentId: "sc-fc70c859-5"
})([
    `color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`,
    ``
], tokens.cellSubtitleColor, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, applyEllipsis());
