git.iko.soy/urbit.org
on 514b5fc help sign in
urbit.org/components/BubbleLink.js
25 lines 678 B history raw
1export default function BubbleLink(props) {
2 return (
3 <li className={"list-none " + props.className}>
4 <a className={"flex"} href={props.href} target={props.target}>
5 <div>{props.children}</div>
6 <div className="flex flex-col ml-4">
7 <p className="font-bold">{props.title}</p>
8 <p className="text-wall-400 dark:text-antiwall-400 font-bold leading-snug">
9 {props.caption}
10 </p>
11 </div>
12 </a>
13 </li>
14 );
17BubbleLink.defaultProps = {
18 className: "",
19 title: "",
20 caption: "",
21 children: (
22 <div className="w-12 h-12 bg-wall-500 dark:bg-antiwall-500 rounded-full" />
23 ),
24 target: "_blank",
25};