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

import { myCustomTheme } from './CustomTheme';

import { addDynamicIconSelectors } from '@iconify/tailwind';
import forms from '@tailwindcss/forms';

export default {
	darkMode: 'selector',
	content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
	theme: {
		extend: {},
	},
	plugins: [
		forms,
		skeleton({
			themes: {
				custom: [
					myCustomTheme
				]
			},
		}),
		addDynamicIconSelectors({
			prefix: 'icon',
			scale: 2,
			iconSets: {},
			customise: (content, name, prefix) => content
		})
	],
} satisfies Config;