import React from 'react'

function Text() {
    return (
        <div>
            
        </div>
    )
}
export function Divider() {
    return <hr className="my-2 md:min-w-full border-secondary" />;
}
export function ClickableText({className, ...props}){
    let color = "text-secondary hover:text-primary"
    switch (props.type) {
        case "warning":
            color = "text-accent4 hover:text-accent4-dark"
            break;
        case "danger":
            color = "text-red-700 hover:text-red-800"
            break;
        case "accent":
            color = "text-accent hover:text-accent-dark"
            break;
        case "accent2":
            color = "text-accent2 hover:text-accent2-dark"
            break;
        case "accent3":
            color = "text-accent3 hover:text-accent3-dark"
            break;
        case "accent5":
            color = "text-accent5 hover:btextg-accent5-dark"
            break;
        default:
            break;
    }
    return <a {...props} className={color + " text-secondary hover:text-primary font-semibold cursor-pointer " + (className ?? "")}>{props.children}</a>
}

export default Text