You are an expert in writing code in many different languages. Your goal is to perform code completion for the following code, keeping in mind the rest of the code and the file meta data.
    Metadata details:
    filename: topbar.rs
    path of file: ./repos/modelfox/crates/ui
    
    the code of the file until where you have to start completion: use crate as ui;
use pinwheel::prelude::*;

#[derive(builder, Default, new)]
#[new(default)]
pub struct Topbar {
	#[builder]
	pub background_color: Option<String>,
	#[builder]
	pub dropdown_background_color: Option<String>,
	#[builder]
	pub items: Option<Vec<TopbarItem>>,
	#[builder]
	pub logo_href: Option<String>,
	#[builder]
	pub logo_img_url: Option<String>,
	#[builder]
	pub logo: Option<Node>,
	#[builder]
	pub title: Option<String>,
}

pub struct TopbarItem {
	pub element: Option<Node>,
	pub href: String,
	pub title: String,
}

impl Component for Topbar {
	fn into_node(self) -> Node {
		let dropdown = self.items.as_ref().map(|items| {
			let items: Vec<TopbarDropdownItem> = items
				.iter()
				.map(|item| TopbarDropdownItem {
					href: item.href.clone(),
					title: item.title.clone(),
				})
				.collect();
			details()
				.class("topbar-details")
				.child(summary().child(TopbarHamburger))
				.child(
					TopbarDropdown::new(items)
						.background_color(self.dropdown_background_color.clone()),
				)
		});
		let items = self.items.map(|items| {
			TopbarItemsWrapper::new().children(items.into_iter().map(|item| {
				if l
    
	fn into_node(self) -> Node {
		div()
			.class("topbar-hamburger")
			.child(
				svg()
					.class("topbar-hamburger-icon")
					.attribute("height", "15px")
					.attribute("overflow", "visible")
					.attribute("viewBox", "0 0 1 1")
					.attribute("width", "15px")
					.children({
						[0.0, 0.5, 1.0].iter().map(|y| {
							svg::line()
								.attribute("stroke", "currentColor")
								.attribute("stroke-linecap", "round")
								.attribute("stroke-width", "0.2")
								.attribute("x1", "0")
								.attribute("x2", "1")
								.attribute("y1", y.to_string())
								.attribute("y2", y.to_string())
						})
					}),
			)
			.child(
				svg()
					.class("topbar-x-icon")
					.attribute("height", "15px")
					.attribute("overflow", "visible")
					.attribute("viewBox", "0 0 1 1")
					.attribute("width", "15px")
					.child(
						svg::line()
							.attribute("stroke", "currentColor")
							.attribute("stroke-linecap", "round")
							.attribute("stroke-width", "0.2")
							.attribute("x1", "0")
							.attribute("x2", "1")
							.attribute("y1", "0")
							.attribute("y2", "1"),
					)
					.child(
						svg::line()
							.attribute("stroke", "currentColor")
							.attribute("stroke-linecap", "round")
							.attribute("stroke-width", "0.2")
							.attribute("x1", "1")
							.attribute("x2", "0")
							.attribute("y1", "0")
							.attribute("y2", "1"),
					),
			)
			.into_node()
	}