"use client"
import { MarkdownEditor } from "@/components/markdown-editor"

const defaultMarkdown = `# 🚀 Welcome to Markdown Editor

This is a **modern** markdown editor with *real-time* preview and a **colorful** interface!

## ✨ Features

- 🎨 Beautiful split-screen editing
- ⚡ Live preview with instant updates
- 🛠️ Rich formatting toolbar
- 🌈 Modern, colorful UI

### 💻 Code Example

\`\`\`javascript
function createAwesome() {
  console.log("Building something amazing! 🎉");
  return "success";
}
\`\`\`

### 📝 Lists & More

1. **First priority** - Get things done
2. **Second priority** - Make it beautiful
3. **Third priority** - Share with the world

- 🎯 Bullet points with style
- 🚀 Another awesome point
  - 💡 Nested brilliance
  - ⭐ Even more nested goodness

### 🔗 Links and Media

[🌟 Visit our GitHub](https://github.com) for more amazing projects!

> 💬 This is a beautiful blockquote with some **bold** text and *italic* styling.

---

### 📊 Data Table

| Feature | Status | Priority |
|---------|--------|----------|
| Editor | ✅ Complete | High |
| Preview | ✅ Complete | High |
| Export | 🚧 In Progress | Medium |

Happy writing! ✨🎉`

export default function Home() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50">
      <MarkdownEditor initialContent={defaultMarkdown} />
    </div>
  )
}