nextui lib

package.json

@@ -12,9 +12,11 @@
     "start": "next start"
   },
   "dependencies": {
+    "@nextui-org/react": "^2.3.6",
     "@t3-oss/env-nextjs": "^0.10.1",
     "@vercel/postgres": "^0.8.0",
     "drizzle-orm": "^0.29.4",
+    "framer-motion": "^11.2.6",
     "geist": "^1.3.0",
     "next": "^15.0.0-rc.0",
     "postgres": "^3.4.3",

src/app/_components/CreateWine.tsx

@@ -2,6 +2,7 @@
 import { useActionState, useEffect, useState } from "react";
 import { addWine } from "~/server/actions/addWine";
 import { getProducers } from "~/server/actions/allProducers";
+import { Button } from "@nextui-org/react";
 
 async function fetchProducers() {
   const producers = await getProducers();
@@ -45,7 +46,7 @@ export default function CreateWine() {
             </option>
           ))}
         </select>
-        <button type="submit">Add wine</button>
+        <Button color="primary">Add wine</Button>
       </form>
       {JSON.stringify(formState)}
     </div>

tailwind.config.ts

@@ -1,14 +1,9 @@
 import { type Config } from "tailwindcss";
-import { fontFamily } from "tailwindcss/defaultTheme";
 
 export default {
   content: ["./src/**/*.tsx"],
   theme: {
-    extend: {
-      fontFamily: {
-        sans: ["var(--font-geist-sans)", ...fontFamily.sans],
-      },
-    },
+    extend: {},
   },
   plugins: [],
 } satisfies Config;