biome

packages/ui/src/button.tsx

@@ -1,20 +1,17 @@
-"use client";
+'use client'
 
-import { ReactNode } from "react";
+import type { ReactNode } from 'react'
 
 interface ButtonProps {
-  children: ReactNode;
-  className?: string;
-  appName: string;
+  children: ReactNode
+  className?: string
+  appName: string
 }
 
 export const Button = ({ children, className, appName }: ButtonProps) => {
   return (
-    <button
-      className={className}
-      onClick={() => alert(`Hello from your ${appName} app!`)}
-    >
+    <button className={className} onClick={() => alert(`Hello from your ${appName} app!`)}>
       {children}
     </button>
-  );
-};
+  )
+}

packages/ui/src/card.tsx

@@ -1,4 +1,4 @@
-import { type JSX } from "react";
+import type { JSX } from 'react'
 
 export function Card({
   className,
@@ -6,10 +6,10 @@ export function Card({
   children,
   href,
 }: {
-  className?: string;
-  title: string;
-  children: React.ReactNode;
-  href: string;
+  className?: string
+  title: string
+  children: React.ReactNode
+  href: string
 }): JSX.Element {
   return (
     <a
@@ -23,5 +23,5 @@ export function Card({
       </h2>
       <p>{children}</p>
     </a>
-  );
+  )
 }

packages/ui/src/code.tsx

@@ -1,11 +1,11 @@
-import { type JSX } from "react";
+import type { JSX } from 'react'
 
 export function Code({
   children,
   className,
 }: {
-  children: React.ReactNode;
-  className?: string;
+  children: React.ReactNode
+  className?: string
 }): JSX.Element {
-  return <code className={className}>{children}</code>;
+  return <code className={className}>{children}</code>
 }