TextOneLine.tsx

import { type ComponentProps } from 'react';

import { Text } from './Text';

type TextOneLineProps = ComponentProps<typeof Text>;

export function TextOneLine({ children, ...props }: TextOneLineProps) {
  return (
    <Text
      {...props}
      style={{
        ...props.style,
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        display: 'block',
      }}
    >
      {children}
    </Text>
  );
}