<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="FlyoutTabSearch.Pages.AstronomicalBodiesPage"
             Title="AstronomicalBodiesPage">
    <ContentPage.Resources>
        <ResourceDictionary>
            <Style TargetType="Button">
                <Setter Property="FontSize" Value="100" />
                <Setter Property="BorderColor" Value="DarkGray" />
            </Style>
            <Style TargetType="Label">
                <Setter Property="HorizontalOptions" Value="Center" />
                <Setter Property="VerticalOptions" Value="End" />
                <Setter Property="Margin" Value="5" />
                <Setter Property="FontAttributes" Value="Bold" />
            </Style>
        </ResourceDictionary>
    </ContentPage.Resources>

    <Grid Margin="8">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Image Source="starfield.png" Aspect="AspectFill" Grid.RowSpan="2" Grid.ColumnSpan="2"/>

        <Button x:Name="btnEarth" Grid.Row="0" Grid.Column="0" Text="🌎" Background="Transparent" />
        <Button x:Name="btnMoon"  Grid.Row="0" Grid.Column="1" Text="🌕" Background="Transparent"/>
        <Button x:Name="btnSun"   Grid.Row="1" Grid.Column="0" Text="☀️" Background="Transparent"/>
        <Button x:Name="btnComet" Grid.Row="1" Grid.Column="1" Text="☄" Background="Transparent"/>
    </Grid>
</ContentPage>