import { join } from 'path'
import type { Config } from 'tailwindcss'
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import { skeleton } from '@skeletonlabs/tw-plugin'

import { myCustomTheme } from './osit_ae_theme_3'

export default {
	darkMode: 'class',
	content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
	theme: {
		extend: {
			listStyleType: {
				// none: 'none',
				// disc: 'disc',
				// decimal: 'decimal',
				// square: 'square',
				// roman: 'upper-roman',
			},
		},
		// listStyleType: {
		// 	none: 'none',
		// 	disc: 'disc',
		// 	decimal: 'decimal',
		// 	square: 'square',
		// 	roman: 'upper-roman',
		// },
	},
	plugins: [
		forms,
		typography,
		skeleton({
			themes: {
				custom: [
					myCustomTheme
				],
				preset: [
					{
						name: 'gold-nouveau',
						enhancements: true,
					},
					{
						name: 'hamlindigo',
						enhancements: true,
					},
					{
						name: 'modern',
						enhancements: true,
					},
					{
						name: 'rocket',
						enhancements: true,
					},
					{
						name: 'wintry',
						enhancements: true,
					},

				],
			},
		}),
	],
} satisfies Config;

// module.exports = {
// 	theme: {
// 	  listStyleType: {
// 		none: 'none',
// 		disc: 'disc',
// 		decimal: 'decimal',
// 		square: 'square',
// 		roman: 'upper-roman',
// 	  },
// 	},
// };