import { Text, View } from "react-native";
import React from "react";
import { commonStyles } from "../../styles/commonStyle";
import { useValues } from "@src/utils/context/index";
import { TitleProps } from "../type";
import { appFonts } from "@src/themes";

export function TitleContainer({ title }: TitleProps) {
  const { textColorStyle, textRTLStyle } = useValues();
  return (
    <View>
      <Text
        style={[
          commonStyles.mediumText23,
          { color: textColorStyle },
          { textAlign: textRTLStyle },
          { fontFamily: appFonts.semiBold },
        ]}
      >
        {title}
      </Text>
    </View>
  );
}
