use morgana::{morx, Component, RenderNode};

stylance::import_crate_style!(styles, "src/components/layout/layout.module.css");

pub struct Layout {
    pub children: Vec<RenderNode>,
    pub page_title: String,
    pub site_title: String,
}

impl Component for Layout {
    fn render(self: Box<Self>) -> RenderNode {
        morx! {
            html lang="html" {
                head {
                    title ={self.page_title}
                }
                body {
                    div class={styles::layout} {
                        header {
                            a href="/" id="siteTitle" {
                                ={self.site_title}
                            }
                        }

                        nav {
                            p= "Nav"
                        }

                        main ={self.children}

                        footer {
                            p= "Footer"
                        }
                    }
                }
            }
        }
    }
}