<p class="touch outside" >  </p>
<img class="bottomSheetHandle" >  </img>
<p class="bottom sheet title" > Sort & Filter </p>
<p class="filter title" > Filter By </p>
<button class="clear selections option" > Clear </button>
<p class="notes type filter title" > NOTE - TYPE </p>
<button class="ntf all" > All </button>
<button class="individual filter chip" > Sticky notes </button>
<button class="individual filter chip" > OneNote pages </button>
<p class="sort title" > Sort By </p>
<p class="sort criterion title" > Modified Date </p>
<img class="sort state indicator" >  </img>
<p class="sort criterion title" > Created Date </p>
<p class="sort criterion title" > Alphabetical </p>
<button class="apply filter sort selections" > Apply </button>

Empty space in the center
Bottom Sheet Handle in the center
"Sort & Filter" title is visible
"Filter By" title will be shown
"Clear" button will be shown
"NOTE - TYPE" title is shown
"All" button is seen
"Sticky notes" button is shown
"OneNote pages" button in the center
"Sort By" title will be shown
"Modified Date" title will be shown
Sort state indicator is shown
"Created Date" title is displayed
"Alphabetical" title will be shown
"Apply" button is seen