import React, { useEffect, useState } from "react";
import { AiFillAlert } from "react-icons/ai";
import PipePage from "./PipePage.jsx";
import CTS from "ctsbutton";

export default function PageMainTest() {
    /* Code Color
    if (props.code == 0) {
        return "btn-primary";
        } else if (props.code == 1) {
        return "btn-secondary";
        } else if (props.code == 2) {
        return "btn-success";
        } else if (props.code == 3) {
        return "btn-danger";
        } else if (props.code == 4) {
        return "btn-warning";
        } else if (props.code == 5) {
        return "btn-info";
        } else if (props.code == 6) {
        return "btn-light";
        } else if (props.code == 7) {
        return "btn-dark";
        } else if (props.code == 8) {
        return "btn-link";
        } else if (props.code == 9) {
        return "btn-outline-primary";
        } else if (props.code == 10) {
        return "btn-outline-secondary";
        } else if (props.code == 11) {
        return "btn-outline-success";
        } else if (props.code == 12) {
        return "btn-outline-danger";
        } else if (props.code == 13) {
        return "btn-outline-warning";
        } else if (props.code == 14) {
        return "btn-outline-info";
        } else if (props.code == 15) {
        return "btn-outline-light";
        } else if (props.code == 16) {
        return "btn-outline-dark";
        } else if (props.code == 17) {
        return "btn-outline-link";
        } else {
        return "btn-primary";
        }
    */

    return (
        <div>
        <div style={{ width: "100px" }}>
            <CTS
                eventSender={() => alert("Test")}
                classname={"NA}
                code={2}
                style={{}}
                title={
                    <div>
                    <AiFillAlert />
                    Login
                    </div>
                }
            />
        </div>
        </div>
    );
}