use iced::{
    alignment,
    widget::{column, row, Container},
    Length,
};

use crate::{
    gui::components::{balances_view::Message, BalancesView, Text},
    style::SPACING_LG,
    traits::Viewable,
};

impl<'a> Viewable<'a, Message> for BalancesView {
    fn view(&'a self) -> iced::Element<'a, Message> {
        let balances_view: &'a BalancesView = self;
        let navigation = balances_view
            .navigation
            .view()
            .map(Message::NavigationMessage);
        let main_content = column![Text::default(&balances_view.greeting).as_element()];
        row![
            Container::new(navigation).width(Length::FillPortion(1)),
            Container::new(main_content).width(Length::FillPortion(3)),
        ]
        .align_y(alignment::Vertical::Center)
        .height(Length::Fill)
        .spacing(u32::from(SPACING_LG))
        .into()
    }
}