41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
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
|