import styled from '@emotion/styled';

export const TextAlignRight = styled('span')`
  text-align: right;
  width: 100%;
  display: inline-block;
`;

export const TextAlignLeft = styled('span')`
  text-align: left;
  width: 100%;
`;

export const OverflowEllipsisTextContainer = styled('span')`
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
`;