// 앱 컴포넌트
const App = {
  template: `
    <div>
      <Header />
      <MovieList />
    </div>
  `,
};

// 헤더 컴포넌트
const Header = {
  template: `
    <header>
      <h1>영화 추천 애플리케이션</h1>
    </header>
  `,
};

// 영화 목록 컴포넌트
const MovieList = {
  movies: ['영화 1', '영화 2', '영화 3'], // 추천된 영화 목록

  template: `
    <div>
      <h2>추천 영화</h2>
      <ul>
        <li each={movie in movies}>{movie}</li>
      </ul>
    </div>
  `,
};

// Riot.js 애플리케이션 초기화
riot.mount(App);