feat: add desktop/web app package (#2606)

Co-authored-by: adamdotdevin <[email protected]>
Co-authored-by: Adam <[email protected]>
Co-authored-by: GitHub Action <[email protected]>

1 files changed, 15 insertions, 0 deletions

diff --git a/packages/app/src/ui/link.tsx b/packages/app/src/ui/link.tsx
new file mode 100644
index 000000000..a75a059ec
--- /dev/null
+++ b/packages/app/src/ui/link.tsx
@@ -0,0 +1,15 @@
+import { A } from "@solidjs/router"
+import { splitProps } from "solid-js"
+import type { ComponentProps } from "solid-js"
+import { getButtonClasses } from "./button"
+
+export interface LinkProps extends ComponentProps<typeof A> {
+  variant?: "primary" | "secondary" | "outline" | "ghost"
+  size?: "sm" | "md" | "lg"
+}
+
+export function Link(props: LinkProps) {
+  const [local, others] = splitProps(props, ["variant", "size", "class"])
+  const classes = local.variant ? getButtonClasses(local.variant, local.size, local.class) : local.class
+  return <A class={classes} {...others} />
+}