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

const ClientPackageInfo: FC<Props> = ({ client }) => {
  return (
    <>
      <div className="flex items-center">
        <div className={twMerge("mr-2 h-2.5 w-2.5 rounded-full")} />
        <List>
          <List.Item className="!mb-2 block font-semibold text-gray-900">
            {client.connection_date}
          </List.Item>
          <List.Item className="!mb-2 block font-medium text-gray-700">
            {client?.package?.name}
          </List.Item>
          <List.Item className="!mb-2 block font-normal text-gray-600">
            {client?.package?.bandwidth} -{client?.package?.price}tk
          </List.Item>
        </List>
      </div>
    </>
  );
};

export default ClientPackageInfo;