<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:id="@+id/tabbar_wrap"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:background="?android:statusBarColor"
	android:elevation="3dp"
	android:outlineProvider="bounds"
	android:clipChildren="false">

	<org.joinmastodon.android.ui.views.TabBar
		android:id="@+id/tabbar"
		android:layout_width="match_parent"
		android:layout_height="56dp">

		<FrameLayout
			android:id="@+id/tab_home"
			android:layout_width="0dp"
			android:layout_height="match_parent"
			android:layout_weight="1"
			android:contentDescription="@string/home_timeline">

			<ImageView
				android:layout_width="60dp"
				android:layout_height="28dp"
				android:layout_gravity="center"
				android:background="?android:selectableItemBackgroundBorderless"
				android:duplicateParentState="true"
				android:scaleType="center"
				android:importantForAccessibility="no"
				android:tint="?colorM3OnSurfaceVariant"
				android:src="@drawable/ic_fluent_home_28_selector"/>

		</FrameLayout>

		<FrameLayout
			android:id="@+id/tab_search"
			android:layout_width="0dp"
			android:layout_height="match_parent"
			android:layout_weight="1"
			android:contentDescription="@string/search_hint">

			<ImageView
				android:layout_width="28dp"
				android:layout_height="60dp"
				android:layout_gravity="center"
				android:background="?android:selectableItemBackgroundBorderless"
				android:duplicateParentState="true"
				android:scaleType="center"
				android:importantForAccessibility="no"
				android:tint="?colorM3OnSurfaceVariant"
				android:src="@drawable/ic_fluent_search_28_selector"/>

		</FrameLayout>

		<FrameLayout
			android:id="@+id/tab_notifications"
			android:layout_width="0dp"
			android:layout_height="match_parent"
			android:layout_weight="1"
			android:contentDescription="@string/notifications">

			<ImageView
				android:layout_width="28dp"
				android:layout_height="60dp"
				android:layout_gravity="center"
				android:background="?android:selectableItemBackgroundBorderless"
				android:duplicateParentState="true"
				android:scaleType="center"
				android:importantForAccessibility="no"
				android:tint="?colorM3OnSurfaceVariant"
				android:src="@drawable/ic_fluent_alert_28_selector"/>
			
			<TextView
				android:id="@+id/notifications_badge"
				android:layout_width="wrap_content"
				android:layout_height="20dp"
				android:layout_gravity="center"
				android:layout_marginTop="-10dp"
				android:layout_marginEnd="-12dp"
				android:background="@drawable/bg_tabbar_badge"
				android:textColor="?colorM3OnPrimary"
				android:gravity="center"
				android:includeFontPadding="false"
				android:textAppearance="@style/m3_label_small"
				android:minWidth="20dp"
				android:paddingHorizontal="4dp"
				tools:text="222"/>

		</FrameLayout>

		<FrameLayout
			android:id="@+id/tab_profile"
			android:layout_width="0dp"
			android:layout_height="match_parent"
			android:layout_weight="1"
			android:maxWidth="60dp"
			android:foreground="@drawable/bg_tab_profile"
			android:contentDescription="@string/my_profile">
			<ImageView
				android:id="@+id/tab_profile_ava"
				android:layout_width="28dp"
				android:layout_height="28dp"
				android:layout_gravity="center"
				android:background="?android:selectableItemBackgroundBorderless"
				android:duplicateParentState="true"
				android:scaleType="centerCrop"
				android:src="@null"/>
			<ImageView
				android:layout_width="8dp"
				android:layout_height="28dp"
				android:layout_gravity="center"
				android:layout_marginStart="24dp"
				android:importantForAccessibility="no"
				android:scaleType="center"
				android:tint="?colorM3OnSurfaceVariant"
				android:src="@drawable/ic_fluent_chevron_up_down_16_regular"/>
		</FrameLayout>
	</org.joinmastodon.android.ui.views.TabBar>

</FrameLayout>