import { DotOutlineSm } from '../../../icons/DotOutlineSm';
import { Filename } from '../../Filename';
import { styled } from '../../styled';
import { Typography } from '../../Typography';
export const Wrapper = styled.div `
  overflow: hidden;
  display: flex;
  gap: ${({ theme }) => theme.spacing(1)};

  width: 100%;
`;
export const StyledFilename = styled(Filename) `
  overflow: hidden;
`;
export const FileSize = styled(Typography) `
  display: flex;
  gap: ${({ theme }) => theme.microSpacing(1)};
  align-items: center;

  white-space: nowrap;
`;
export const DotIcon = styled(DotOutlineSm) `
  width: 16px;
  height: 16px;
`;
