import { ARROW_TAIL_RIGHT } from '#amidala/main/shared/icons.js'

const { h, register, matter, } = globalThis.ami
const { Button, NavLink, SearchResult } = matter

function ExampleRTL () {
  return h('div', { className: 'space-y-5' },
    h(SearchResult, {
      className: 'p-5',
      _model: {
        links: [
          { name: 'One', value: '#' },
          { name: 'Two', value: '#' },
          { name: 'Three', value: '#' }
        ]
      }
    }),
    h(NavLink, {
      _expanded: false,
      _model: { name: 'Nav Link', value: '#', icon: ARROW_TAIL_RIGHT }
    }),
    h(Button, {
      _model: { name: 'Button', value: '#', icon: ARROW_TAIL_RIGHT }
    })
  )
}

register(ExampleRTL, 'example-rtl')
