import clsx from "clsx";
import React from "react";
import { Colors } from "../../../application/enums/shared/Colors";


interface Props {
  title?: string;
  color: Colors;
  className?: string;
  children?: React.ReactNode;
}

export default function TextColor({ title, color, className, children }: Props) {
  //@ts-ignore
  return <div className={clsx(className, getTextColor(color))}>{title ?? children}</div>;
}