import type { Config } from 'tailwindcss';
import { skeleton } from '@skeletonlabs/skeleton';
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';

const config = {
	darkMode: 'class',
	content: [
		'./src/**/*.{html,js,svelte,ts}',
		'./node_modules/@skeletonlabs/skeleton/**/*.{html,js,svelte,ts}'
	],
	theme: {
		extend: {},
	},
	plugins: [
        forms,
        typography,
		skeleton({
			themes: {
                preset: [
                    "cerberus",
                    "concord",
                    "crimson",
                    "hamlindigo",
                    "modern",
                    "nouveau",
                    "rocket",
                    "terminus",
                    "vintage",
                    "wintry"
                ]
			}
		})
	]
} satisfies Config;

export default config;
