<vision-page-header
	show-reading-progress-bar="true"
	is-fixed-header="true"
	navigation-source={JSON.stringify(data)}
	search-endpoint="/api/v1/autocomplete/search"
	search-label="Zoeken"
	search-placeholder="Zoeken"
>

	<vision-ident href="#out" slot="identification-primary-expanded">
		<img src="/logos/logo_teva.svg" alt="Teva" />
	</vision-ident>
	<vision-ident slot="identification-primary-collapsed">
		<img src="/logos/logo_teva.svg" alt="Teva" />
	</vision-ident>


	<vision-popover-button chevron="true" family="link" selected-family="link" nowrap="true" size="sm" pill="true" collapse-inline="both">
		<vision-format-ticker-button exchange="NYSE" ticker="TEVA" price="27.21" priceLabel="Price" expanded="false"></vision-format-ticker-button>

		<vision-popover-content>
			<vision-stack>
				<vision-ticker-info>
					<vision-ticker-info-group>
						<vision-ticker-info-item aria-label="Change">-0.02</vision-ticker-info-item>
						<vision-ticker-info-item aria-label="Change Percentage">(-0.13%)</vision-ticker-info-item>
					</vision-ticker-info-group>
					<vision-ticker-info-group>
						<vision-ticker-info-item aria-label="Date">April 28, 2025</vision-ticker-info-item>
						<vision-ticker-info-item aria-label="Time">12:54 PM EDT</vision-ticker-info-item>
					</vision-ticker-info-group>
					<vision-ticker-info-group>
						<vision-ticker-info-item id="delay-description">Delay</vision-ticker-info-item>
						<vision-ticker-info-item aria-describedby="delay-description">20 Minutes</vision-ticker-info-item>
					</vision-ticker-info-group>
				</vision-ticker-info>
				<vision-cascade-menu source={menuSource}></vision-cascade-menu>
			</vision-stack>
		</vision-popover-content>
	</vision-popover-button>
	<vision-button slot="navtool-end" href="#login-page" family="outline" nowrap="true" size="sm" pill="true">
		<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
		Country
	</vision-button>


	<vision-dropdown-button section="another" chevron="true" family="link" selected-family="link" nowrap="true" size="sm" pill="true" collapse-inline="both">
		<vision-format-ticker-button exchange="NYSE" ticker="TEVA" price="27.21" priceLabel="Price" expanded="true"></vision-format-ticker-button>
	</vision-dropdown-button>
	<vision-dropdown-content section="another">
		<vision-stack>
			<vision-ticker-info>
				<vision-ticker-info-group>
					<vision-ticker-info-item aria-label="Change">-0.02</vision-ticker-info-item>
					<vision-ticker-info-item aria-label="Change Percentage">(-0.13%)</vision-ticker-info-item>
				</vision-ticker-info-group>
				<vision-ticker-info-group>
					<vision-ticker-info-item aria-label="Date">April 28, 2025</vision-ticker-info-item>
					<vision-ticker-info-item aria-label="Time">12:54 PM EDT</vision-ticker-info-item>
				</vision-ticker-info-group>
				<vision-ticker-info-group>
					<vision-ticker-info-item id="delay-description">Delay</vision-ticker-info-item>
					<vision-ticker-info-item aria-describedby="delay-description">20 Minutes</vision-ticker-info-item>
				</vision-ticker-info-group>
			</vision-ticker-info>
			<vision-cascade-menu source={menuSource}></vision-cascade-menu>
		</vision-stack>
	</vision-dropdown-content>
	<vision-button slot="menu-end" href="#login-page" family="outline" nowrap="true" size="sm" pill="true" icon>
		<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
	</vision-button>


	<vision-trigger slot="navtool-search-button" icon="true">
		<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg>
	</vision-trigger>
	<vision-trigger slot="menu-search-button" icon="true">
		<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg>
	</vision-trigger>
</vision-page-header>