Color Swatch

use std::sync::Arc;
use gpui::{Context, Entity, Render, Subscription, Window, div, prelude::*, px};
use xgpui_luma::color::ColorValue;
use xgpui_luma_color::ColorSwatch;
use xgpui_luma_look_shadcn::ShadcnLook;
// The same app-level picker composition used by Luma Studio.
use luma_app_common::color_picker::{ColorPickerEvent, ColorPickerPopover};

struct Example {
    picker: Entity<ColorPickerPopover>,
    source: ColorValue,
    _subscription: Subscription,
}
impl Example {
    fn new(cx: &mut Context<Self>) -> Self {
        let source = ColorValue::srgb(0.2, 0.5, 0.9, 0.65);
        let look = cx.try_global::<ShadcnLook>().cloned().unwrap_or_else(ShadcnLook::built_in);
        let picker = cx.new(|cx| ColorPickerPopover::new(Arc::new(look), source, "accent-picker", cx));
        let subscription = cx.subscribe(&picker, |owner: &mut Self, _, event: &ColorPickerEvent, cx| {
            let ColorPickerEvent::Change(color) = event;
            owner.source = *color;
            cx.notify();
        });
        Self { picker, source, _subscription: subscription }
    }
}
impl Render for Example {
    fn render(&mut self, _: &mut Window, _: &mut Context<Self>) -> impl IntoElement {
        div().w(px(360.0)).max_w(gpui::relative(1.0)).flex().flex_col().gap_3()
            .child(div().flex().items_center().gap(px(8.0))
                .child(div().w(px(80.0)).child(ColorSwatch::new(self.source).checkerboard(true).height(px(30.0))))
                .child(self.picker.clone()))
            .child(div().h(px(24.0)).truncate().child(self.source.to_css().unwrap_or_else(|_| "Invalid color".into())))
    }
}