29 lines
586 B
TypeScript
29 lines
586 B
TypeScript
|
import type { JSX } from "solid-js"
|
||
|
|
import type { RGBA } from "@opentui/core"
|
||
|
|
import open from "open"
|
||
|
|
|
||
|
|
export interface LinkProps {
|
||
|
|
href: string
|
||
|
|
children?: JSX.Element | string
|
||
|
|
fg?: RGBA
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Link component that renders clickable hyperlinks.
|
||
|
|
* Clicking anywhere on the link text opens the URL in the default browser.
|
||
|
|
*/
|
||
|
|
export function Link(props: LinkProps) {
|
||
|
|
const displayText = props.children ?? props.href
|
||
|
|
|
||
|
|
return (
|
||
|
|
<text
|
||
|
|
fg={props.fg}
|
||
|
|
onMouseUp={() => {
|
||
|
|
open(props.href).catch(() => {})
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{displayText}
|
||
|
|
</text>
|
||
|
|
)
|
||
|
|
}
|