"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DotIcon = exports.FileSize = exports.StyledFilename = exports.Wrapper = void 0;
const DotOutlineSm_1 = require("../../../icons/DotOutlineSm");
const Filename_1 = require("../../Filename");
const styled_1 = require("../../styled");
const Typography_1 = require("../../Typography");
exports.Wrapper = styled_1.styled.div `
  overflow: hidden;
  display: flex;
  gap: ${({ theme }) => theme.spacing(1)};

  width: 100%;
`;
exports.StyledFilename = (0, styled_1.styled)(Filename_1.Filename) `
  overflow: hidden;
`;
exports.FileSize = (0, styled_1.styled)(Typography_1.Typography) `
  display: flex;
  gap: ${({ theme }) => theme.microSpacing(1)};
  align-items: center;

  white-space: nowrap;
`;
exports.DotIcon = (0, styled_1.styled)(DotOutlineSm_1.DotOutlineSm) `
  width: 16px;
  height: 16px;
`;
