Mint media provider example.

Main.mint

component Main {
  state mobile : Bool = false

  use Provider.MediaQuery {
    query = "(max-width: 1000px)",
    changes =
      (matches : Bool) : Promise(Never, Void) {
        next { mobile = matches }
      }
  }

  style base {
    if (mobile) {
      color: blue;
    } else {
      color: red;
    }
  }

  fun render : Html {
    <div::base>
      "Hello"
    </div>
  }
}