<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ShoopNCook.Views.IngredientEntry">
    <Border
        Stroke="{StaticResource BackgroundSecondary}"
        StrokeThickness="1"
        StrokeShape="RoundRectangle 200">
        
        <Grid
            BackgroundColor="{StaticResource BackgroundSecondary}"
            Padding="9"
            ColumnDefinitions="2*, *, *"
            ColumnSpacing="5">
            <Border
                Grid.Column="0"
                Stroke="Transparent"
                StrokeThickness="0"
                StrokeShape="RoundRectangle 200"
                BackgroundColor="LightGray">
                <Entry 
                    Style="{StaticResource UserInput}"
                    Placeholder="Ingredient Name"
                    HeightRequest="40"
                    x:Name="NameEntry"/>
            </Border>
            <Border
                Grid.Column="1"
                Stroke="Transparent"
                StrokeThickness="0"
                StrokeShape="RoundRectangle 200"
                BackgroundColor="LightGray">
                <Entry 
                    Style="{StaticResource UserInput}"
                    Placeholder="Quantity"
                    HeightRequest="40"
                    Keyboard="Numeric"
                    x:Name="QuantityEntry"/>
            </Border>
            <Border
                Grid.Column="2"
                Stroke="Transparent"
                StrokeThickness="0"
                StrokeShape="RoundRectangle 200"
                BackgroundColor="LightGray">
                <Picker
                    Title="Unit"
                    TextColor="{StaticResource TextColorPrimary}"
                    TitleColor="{StaticResource TextColorSecondary}"
                    FontFamily="PoppinsMedium"
                    x:Name="UnitPicker">
                    <Picker.ItemsSource>
                        <x:Array Type="{x:Type x:String}">
                            <x:String>G</x:String>
                            <x:String>mG</x:String>
                            <x:String>kG</x:String>

                            <x:String>L</x:String>
                            <x:String>cL</x:String>
                        </x:Array>
                    </Picker.ItemsSource>
                </Picker>
            </Border>   
    </Grid>
    </Border>
</ContentView>
