Icon Group

use xgpui_luma_look_radix as radix;
use gpui::{Context, IntoElement, Styled};
use xgpui_luma::controls::control_group::{ControlGroupItem, ControlGroupItemLike};

struct Example {
    control: xgpui_luma::controls::control_group::ControlGroup<xgpui_luma::controls::control_group::ControlGroupItem>,
    selected_tools: Vec<gpui::SharedString>,
}

impl Example {
    fn new(cx: &mut Context<Self>) -> Self {
        let look = cx.try_global::<radix::Look>().cloned().unwrap_or_else(radix::Look::built_in);
        let control = radix::icon_group_builder::<ControlGroupItem>(&look, "tools", xgpui_luma::theme::ControlSize::Md)
            .items([
                ControlGroupItem::new("select").label("Select"),
                ControlGroupItem::new("move").label("Move"),
                ControlGroupItem::new("zoom").label("Zoom"),
            ])
            .item_template(std::sync::Arc::new(|model, _, _| {
                let icon = match model.item.id().as_ref() {
                    "move" => "assets/lucide/move.svg",
                    "zoom" => "assets/lucide/zoom-in.svg",
                    _ => "assets/lucide/mouse-pointer.svg",
                };
                gpui::svg().path(icon).size(gpui::px(16.0))
                    .text_color(model.foreground.unwrap_or_else(gpui::transparent_black)).into_any_element()
            }))
            .on_value_changed(cx, |app, _, _, selected_ids, cx| {
                app.selected_tools = selected_ids.clone();
                cx.notify();
            })
            .spawn(cx);

        Self { control, selected_tools: Vec::new() }
    }
}