gistfile1.txt

store Farm {
  @animals = ['cow', 'chicken', 'turkey']
}

view Main {
  @name = 'Horse'

  setAnimal = animal => @name = animal

  <h1>Select your favorite animal</h1>
  <img src={`wild`} />
  <list repeat={Farm.@animals}>{animal =>
    <Fav animal={animal} select={setAnimal} />
  }</list>

  $list = {
    flexFlow: 'row',
    width: '100%',
    justifyContent: 'space-between'
  }
}

view Fav {
  <button click={() => ^select(^animal)}>{^animal}</button>

  $button = {
    width: 200,
    border: 'none',

    ':hover': {
      background: 'red'
    }
  }
}