import ocean from '../assets/ocean-bg.png';
import space from '../assets/space-bg.png';
import nature from '../assets/nature-bg.png';
import sunset from '../assets/sunset-bg.png';
import defaultBg from '../assets/default-bg.png';

export const backgroundOptions = [
	{
		id: 'default',
		name: 'Default',
		preview: 'bg-gradient-to-br from-blue-50 to-indigo-100',
		image: defaultBg
	},
	{ id: 'minimal', name: 'Minimal', preview: 'bg-gray-50' },
	{
		id: 'nature',
		name: 'Nature',
		preview: 'bg-gradient-to-br from-green-100 to-emerald-200',
		image: nature
	},
	{
		id: 'sunset',
		name: 'Sunset',
		preview: 'bg-gradient-to-br from-orange-100 to-pink-200',
		image: sunset
	},
	{
		id: 'ocean',
		name: 'Ocean',
		preview: 'bg-gradient-to-br from-cyan-100 to-blue-200',
		image: ocean
	},
	{
		id: 'dark',
		name: 'Dark',
		preview: 'bg-gradient-to-br from-gray-800 to-gray-900',
		image: space
	}
];
