npm i framer-motion clsx tailwind-merge
import { ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}1/** @type {import('tailwindcss').Config} */
2module.exports = {
3 content: [
4 "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
5 "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
6 "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
7 "./src/**/*.{js,ts,jsx,tsx,mdx}",
8 ],
9 darkMode: "class",
10 theme: {
11 extend: {},
12 },
13};