<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppTheme.BottomNavigation" parent="Theme.MaterialComponents.DayNight" />

    <style name="AppTheme.BottomNavigation.Themed" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Global color attributes -->
        <item name="colorPrimary">@color/color_primary</item>
        <item name="colorPrimaryVariant">@color/color_primary_variant</item>
        <item name="colorOnPrimary">@color/color_on_primary</item>
        <item name="colorSecondary">@color/color_secondary</item>
        <item name="colorSecondaryVariant">@color/color_secondary_variant</item>
        <item name="colorOnSecondary">@color/color_on_secondary</item>
        <item name="colorError">@color/color_error</item>
        <item name="colorOnError">@color/color_on_error</item>
        <item name="colorSurface">@color/color_surface</item>
        <item name="colorOnSurface">@color/color_on_surface</item>
        <item name="android:colorBackground">@color/color_background</item>
        <item name="colorOnBackground">@color/color_on_background</item>
        <item name="android:statusBarColor">@color/color_status_bar</item>
        <!-- Global type attributes -->
        <item name="fontFamily">@font/roboto_mono</item>
        <item name="android:fontFamily">@font/roboto_mono</item>
        <!-- Bottom Navigation widget style attribute -->
        <item name="bottomNavigationStyle">@style/AppBottomNavigation2</item>
        <!-- Badge style attribute -->
        <item name="badgeStyle">@style/AppBadge</item>
    </style>

    <!-- Using AppBottomNavigation2 to avoid conflicts with the main playground style -->
    <style name="AppBottomNavigation2" parent="Widget.MaterialComponents.BottomNavigationView.Colored">
        <item name="backgroundTint">?attr/colorPrimary</item>
        <item name="itemIconTint">@color/bottom_navigation_item_color</item>
        <item name="itemTextColor">@color/bottom_navigation_item_color</item>
        <item name="itemRippleColor">@color/bottom_navigation_item_ripple_color</item>
        <item name="itemTextAppearanceActive">?attr/textAppearanceCaption</item>
        <item name="itemTextAppearanceInactive">?attr/textAppearanceCaption</item>
    </style>

    <style name="AppBadge" parent="Widget.MaterialComponents.Badge">
        <item name="backgroundColor">?attr/colorError</item>
        <item name="badgeTextColor">?attr/colorOnError</item>
    </style>

</resources>
