import { Chip } from "@material-tailwind/react";
import React from "react";

export type StatusComponentsProps = {
  color: any;
  value: string;
  className: string;
};

export default function StatusComponents({
  color,
  value,
  className,
}: StatusComponentsProps) {
  return (
    <div className="relative w-fit">
      <Chip
        variant="ghost"
        value={value.toUpperCase()}
        color={color}
        className={className}
      />
    </div>
  );
}
