import Note from './Note.js';

function App(){
return {
view: function(vnode){
// const {bin, notes} = vnode.attrs;
const bin = {id: 'egf35'};
const notes = [
  {id: 'aaa', text: 'Note one'},
  {id: 'bbb', text: 'Note two'},
  {id: 'ccc', text: 'Note three'},
  {id: 'ddd', text: 'Note four'},
  {id: 'eee', text: 'Note five'},
  {id: 'fff', text: 'Note six'},
  {id: 'ggg', text: 'Note seven'},
  {id: 'hhh', text: 'Note eight'}
  ];
return m('.app', [
  m('.top', [
    m('.top-left', [
      m('button', {key: 'button'}, 'New Note...'),
      m('input.search', {key: 'search', value: ''}),
      m('select.sorting', {key: 'sorting'}, [
        m('option', 'Newest -> Oldest'),
        m('option', 'Oldest -> Newest')
        ])
      ]),
    m('.top-right', [
      m('.bin-id', bin.id),
      m('button', 'New Bin...')
      ])
    ]),
  m('.main', [
    m('.notes', notes.map(note =>
      m(Note, {note})
      ))
    ])
  ]);
}
};  
}

export default App;