// app/page.tsx

export default function Home() {
return (
#Unknown Channel
<button className="btn btn-active">Default</button>
<button className="btn btn-active btn-neutral">Neutral</button>
<button className="btn btn-active btn-primary">Primary</button>
<button className="btn btn-active btn-secondary">Secondary</button>
<button className="btn btn-active btn-accent">Accent</button>
<button className="btn btn-active btn-ghost">Ghost</button>
<button className="btn btn-active btn-link">Link</button>
</>
);
}
// globals.css
&913086567042674719 base;
&913086567042674719 components;
&913086567042674719 utilities;

:root {
--background: #ffffff;
--foreground: #171717;
}

@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}

body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
padding: 1rem;
}

@layer utilities {
.text-balance {
text-wrap: balance;
}
}

// tailwind.config.ts

import type { Config } from 'tailwindcss'
import daisyui from 'daisyui'
const config: Config = {
content: [
'./pages//*.{js,ts,jsx,tsx,mdx}',
'./components//.{js,ts,jsx,tsx,mdx}',
'./app/**/.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic':
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
},
},

plugins: [daisyui],
}
export default config