import MaterColor from 'matercolors';
import tinyColor from 'tinycolor2';

// const primaryButton = '#635dff';
const primaryButton = '#1976d2';
// const primaryButton = '#9c27b0';

const { palette } = new MaterColor(primaryButton);

console.log(primaryButton);
console.log('=====');
console.log(palette.primary);

// function generatePalette(color) {
// 	if (color) {
// 		const c = tinyColor(color);

// 		const palette = {};

// 		if (c.isValid()) {
// 			const { h, s, l } = c.toHsl() || {};
// 			const hslPalette = materialPalette({ h, s: s * 100, l: l * 100 });

// 			for (const [key, value] of Object.entries(hslPalette)) {
// 				palette[key] = tinyColor(value).toHexString();
// 			}

// 			return {
// 				main: palette[500] ?? color,
// 				light: palette[200],
// 				dark: palette[700],
// 				...palette,
// 			};
// 		}
// 	}

// 	return {};
// }
