import { FC } from "react";
import { twMerge } from "tailwind-merge";
import { TSclientSchema } from "../forms/schema/client";
type Props = {
  mac: TSclientSchema;
};

const MacStatus: FC<Props> = ({ mac }) => {
  return (
    <>
      <div className="flex items-center">
        <div
          className={twMerge(
            "mr-2 h-2.5 w-2.5 rounded-full",
            mac?.status === 1 ? "bg-green-400" : "bg-red-500"
          )}
        />
        {mac.status === 1 ? "Active" : "Inactive"}
      </div>
    </>
  );
};

export default MacStatus;