cyb/src/components/text/textTable.tsx

import { Text } from '@cybercongress/gravity';

interface TextTableProps {
  children: React.ReactNode;
  fontSize?: number;
  color?: string;
  display?: string;
}

function TextTable({ children, fontSize, color, display, style, ...props }: TextTableProps) {
  return (
    <Text
      fontSize={`${fontSize || 16}px`}
      color={`${color || '#fff'}`}
      display={`${display || 'inline-flex'}`}
      alignItems="center"
      style={style}
      {...props}
    >
      {children}
    </Text>
  );
}

export default TextTable;