<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/format_bar"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_gravity="bottom"
    android:background="@color/format_bar_background"
    android:layout_alignParentBottom="true"
    android:orientation="vertical">

    <View
        android:id="@+id/format_bar_horizontal_divider"
        android:layout_width="match_parent"
        android:layout_height="@dimen/format_bar_horizontal_divider_height"
        style="@style/Divider"/>

    <LinearLayout
        android:id="@+id/format_bar_buttons"
        android:layout_width="match_parent"
        android:layout_height="@dimen/format_bar_height"
        android:layout_gravity="bottom"
        android:layout_marginRight="@dimen/format_bar_right_margin"
        android:orientation="horizontal"
        tools:ignore="RtlHardcoded">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_media"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_media"
                android:background="@drawable/format_bar_button_media_selector"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_bold"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_bold"
                android:background="@drawable/format_bar_button_bold_selector"
                android:tag="@string/format_bar_tag_bold"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_italic"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_italic"
                android:background="@drawable/format_bar_button_italic_selector"
                android:tag="@string/format_bar_tag_italic"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_quote"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_quote"
                android:background="@drawable/format_bar_button_quote_selector"
                android:tag="@string/format_bar_tag_blockquote"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_ul"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_ul"
                android:background="@drawable/format_bar_button_ul_selector"
                android:tag="@string/format_bar_tag_unorderedList"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_ol"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_ol"
                android:background="@drawable/format_bar_button_ol_selector"
                android:tag="@string/format_bar_tag_orderedList"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center">
            <org.wordpress.android.editor.RippleToggleButton
                android:id="@+id/format_bar_button_link"
                style="@style/FormatBarButton"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:contentDescription="@string/format_bar_description_link"
                android:background="@drawable/format_bar_button_link_selector"
                android:tag="@string/format_bar_tag_link"/>
        </LinearLayout>

        <View
            android:id="@+id/format_bar_button_html_divider"
            android:layout_width="@dimen/format_bar_vertical_divider_width"
            android:layout_height="@dimen/format_bar_vertical_divider_height"
            android:layout_gravity="center"
            style="@style/Divider"/>

        <org.wordpress.android.editor.RippleToggleButton
            android:id="@+id/format_bar_button_html"
            style="@style/FormatBarHtmlButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:contentDescription="@string/format_bar_description_html"
            android:background="@drawable/format_bar_button_html_selector"/>


    </LinearLayout>
</LinearLayout>
