<div class="row filter">
	{{ render "molecules/forms/filter-input" text="Search by keywords" placeholder="Enter keyword" }}
	{{ render "atoms/global/space" space=2 }}

	<div class="row filter__row dark-bg">
		<div class="col-xl-3 col-md-12">
			<p class="h5">
				<a href="javascript:;" class="filter__category" data-target="assets">
					Categories
					<small class="filter__cat-small">Barron's (1)</small>
				</a>
			</p>
		</div>
		<div class="col-xl-9 col-md-12 hide-md filter__container">
			<ul class="filter__options" data-section="assets">
				<li>
					{{ render "atoms/buttons/filter-option" text="Bloomber News (6)" }}
				</li>
				<li>
					{{ render "atoms/buttons/filter-option:is-active" text="ETF Trends (99)" }}
				</li>
				<li>
					{{ render "atoms/buttons/filter-option" text="Press Releases (999)" }}
				</li>
			</ul>
		</div>
	</div>

	<div class="row">
		{{ render "molecules/components/overlay-options" }}
	</div>
</div>
