G-Loot DS — empty state with input

by Augustin Hiebel

HTML

<div className="surface rounded-lg px-4 py-8 text-center">
  <div className="max-w-xs mx-auto">
    <span className="icon icon-manga-63 text-6xl text-ui-500" />
    <div className="mt-2 mb-6">
      <p className="text-sm text-ui-400">
        You are not following anyone
      </p>
      <p className="text-lg text-ui-300">Start to meet new friends</p>
    </div>
    <div className="form-group">
      <div className="input-group">
        <button type="button" className="button button-primary">
          <span>Search</span>
        </button>
        <input type="text" name="search-friends" id="search-friends" />
      </div>
    </div>
  </div>
</div>