import { styled } from '../styled';
import { Typography } from '../Typography';
export const FileBaseName = styled.span `
  overflow: hidden;

  max-width: 100%;

  text-overflow: ellipsis;
  white-space: preserve nowrap;
`;
export const FileSuffix = styled.span `
  white-space: pre;
`;
export const StyledTypography = styled(Typography, {
    shouldForwardProp: (prop) => !['$align'].includes(prop),
}) `
  overflow: hidden;
  display: flex;
  justify-content: ${({ $align }) => $align};
`;
