import React from "react";
import { ThemeContext } from "./Theme";

const ThemedText: React.FC = ({ children }) => {
  const { theme } = React.useContext(ThemeContext);
  const textColor = theme === "light" ? "black" : "white";
  return <p style={{color: textColor}}>{children}</p>
};

export default ThemedText;