<?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="@drawable/bg_tabbar"
	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="80dp"
		tools:ignore="RtlHardcoded,RtlSymmetry">

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

			<ImageView
				android:layout_width="32dp"
				android:layout_height="32dp"
				android:layout_gravity="top|center_horizontal"
				android:layout_marginTop="12dp"
				android:scaleType="center"
				android:importantForAccessibility="no"
				android:tint="@color/tab_bar_icon"
				android:src="@drawable/ic_tab_home"/>
			
			<TextView
				android:id="@+id/label"
				android:layout_width="match_parent"
				android:layout_height="16dp"
				android:layout_marginBottom="16dp"
				android:layout_gravity="bottom"
				android:gravity="center"
				android:textSize="12dp"
				android:textColor="?colorM3OnSurface"
				android:singleLine="true"
				android:ellipsize="end"
				android:text="@string/tab_home"/>

		</FrameLayout>

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

			<ImageView
				android:layout_width="32dp"
				android:layout_height="32dp"
				android:layout_gravity="top|center_horizontal"
				android:layout_marginTop="12dp"
				android:scaleType="center"
				android:importantForAccessibility="no"
				android:tint="@color/tab_bar_icon"
				android:src="@drawable/ic_tab_search"/>

			<TextView
				android:id="@+id/label"
				android:layout_width="match_parent"
				android:layout_height="16dp"
				android:layout_marginBottom="16dp"
				android:layout_gravity="bottom"
				android:gravity="center"
				android:textSize="12dp"
				android:textColor="?colorM3OnSurface"
				android:singleLine="true"
				android:ellipsize="end"
				android:text="@string/tab_search"/>

		</FrameLayout>

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

			<ImageView
				android:layout_width="32dp"
				android:layout_height="32dp"
				android:layout_gravity="top|center_horizontal"
				android:layout_marginTop="12dp"
				android:scaleType="center"
				android:importantForAccessibility="no"
				android:tint="@color/tab_bar_icon"
				android:src="@drawable/ic_tab_notifications"/>
			
			<TextView
				android:id="@+id/notifications_badge"
				android:layout_width="wrap_content"
				android:layout_height="16dp"
				android:layout_gravity="top|center_horizontal"
				android:layout_marginTop="12dp"
				android:layout_marginEnd="-8dp"
				android:background="@drawable/bg_tabbar_badge"
				android:textColor="?colorM3OnPrimary"
				android:gravity="center"
				android:includeFontPadding="false"
				android:textAppearance="@style/m3_label_small"
				android:minWidth="16dp"
				android:paddingHorizontal="4dp"
				tools:text="222"/>

			<TextView
				android:id="@+id/label"
				android:layout_width="match_parent"
				android:layout_height="16dp"
				android:layout_marginBottom="16dp"
				android:layout_gravity="bottom"
				android:gravity="center"
				android:textSize="12dp"
				android:textColor="?colorM3OnSurface"
				android:singleLine="true"
				android:ellipsize="end"
				android:text="@string/notifications"/>

		</FrameLayout>

		<FrameLayout
			android:id="@+id/tab_profile"
			android:layout_width="0dp"
			android:layout_height="match_parent"
			android:layout_weight="1"
			android:background="@drawable/bg_tabbar_tab"
			android:paddingHorizontal="4dp"
			android:contentDescription="@string/my_profile">
			<ImageView
				android:id="@+id/tab_profile_ava"
				android:layout_width="24dp"
				android:layout_height="24dp"
				android:layout_marginTop="16dp"
				android:layout_gravity="top|center_horizontal"
				android:scaleType="centerCrop"
				android:importantForAccessibility="no"
				android:src="@null"/>
			<ImageView
				android:layout_width="8dp"
				android:layout_height="32dp"
				android:layout_gravity="top|center_horizontal"
				android:layout_marginTop="12dp"
				android:layout_marginStart="24dp"
				android:importantForAccessibility="no"
				android:scaleType="center"
				android:tint="@color/tab_bar_icon"
				android:src="@drawable/ic_unfold_more_24px"/>

			<TextView
				android:id="@+id/label"
				android:layout_width="match_parent"
				android:layout_height="16dp"
				android:layout_marginBottom="16dp"
				android:layout_gravity="bottom"
				android:gravity="center"
				android:textSize="12dp"
				android:textColor="?colorM3OnSurface"
				android:singleLine="true"
				android:ellipsize="end"
				android:text="@string/tab_profile"/>
		</FrameLayout>
	</org.joinmastodon.android.ui.views.TabBar>

</FrameLayout>