import Text, { TextProps } from "antd/es/typography/Text";

import { FunctionComponent, ReactNode } from "react";

interface ProText extends TextProps {
  children?: ReactNode;
  className?: string;
}

const ProText: FunctionComponent<ProText> = ({
  children,
  className,
  ...other
}) => {
  // const { locale } = useAppSelector((state) => state.locale);
  return (
    <Text
      className={className}
      // style={{textAlign: getDirection(locale) === "rtl" ? "right" : "left"}}
      {...other}
    >
      {children}
    </Text>
  );
};

export default ProText;
