<script>
import { fly, fade } from 'svelte/transition'
import { quintOut } from 'svelte/easing'
// State
let notes = [
{ id: 1, title: 'Project Ideas', content: 'Build a weather app with Svelte', color: 'violet' },
{ id: 2, title: 'Meeting Notes', content: 'Discuss Q1 roadmap with team', color: 'fuchsia' },
{ id: 3, title: 'Shopping List', content: 'Milk, eggs, bread, coffee', color: 'cyan' },
]
let newTitle = ''
let newContent = ''
let selectedColor = 'violet'
let showForm = false
const colors = ['violet', 'fuchsia', 'cyan', 'emerald', 'amber']
// Functions
function addNote() {
if (!newTitle.trim()) return
notes = [...notes, {
id: Date.now(),
title: newTitle,
content: newContent,