1 files changed, 86 insertions, 0 deletions
diff --git a/wgpu/src/renderer/button.rs b/wgpu/src/renderer/button.rs
new file mode 100644
index 00000000..ad2186d6
--- /dev/null
+++ b/wgpu/src/renderer/button.rs
@@ -0,0 +1,86 @@
+use crate::{Primitive, Renderer};
+use iced_native::{
+    button, Align, Background, Button, Color, Layout, Length, MouseCursor,
+    Node, Point, Rectangle, Style,
+};
+
+impl button::Renderer for Renderer {
+    fn node<Message>(&self, button: &Button<Message, Self>) -> Node {
+        let style = Style::default()
+            .width(button.width)
+            .padding(button.padding)
+            .min_width(Length::Units(100))
+            .align_self(button.align_self)
+            .align_items(Align::Stretch);
+
+        Node::with_children(style, vec![button.content.node(self)])
+    }
+
+    fn draw<Message>(
+        &mut self,
+        button: &Button<Message, Self>,
+        layout: Layout<'_>,
+        cursor_position: Point,
+    ) -> Self::Output {
+        let bounds = layout.bounds();
+
+        let (content, _) = button.content.draw(
+            self,
+            layout.children().next().unwrap(),
+            cursor_position,
+        );
+
+        let is_mouse_over = bounds.contains(cursor_position);
+
+        // TODO: Render proper shadows
+        // TODO: Make hovering and pressed styles configurable
+        let shadow_offset = if is_mouse_over {
+            if button.state.is_pressed {
+                0.0
+            } else {
+                2.0
+            }
+        } else {
+            1.0
+        };
+
+        (
+            Primitive::Group {
+                primitives: vec![
+                    Primitive::Quad {
+                        bounds: Rectangle {
+                            x: bounds.x + 1.0,
+                            y: bounds.y + shadow_offset,
+                            ..bounds
+                        },
+                        background: Background::Color(Color {
+                            r: 0.0,
+                            b: 0.0,
+                            g: 0.0,
+                            a: 0.5,
+                        }),
+                        border_radius: button.border_radius,
+                    },
+                    Primitive::Quad {
+                        bounds,
+                        background: button.background.unwrap_or(
+                            Background::Color(Color {
+                                r: 0.8,
+                                b: 0.8,
+                                g: 0.8,
+                                a: 1.0,
+                            }),
+                        ),
+                        border_radius: button.border_radius,
+                    },
+                    content,
+                ],
+            },
+            if is_mouse_over {
+                MouseCursor::Pointer
+            } else {
+                MouseCursor::OutOfBounds
+            },
+        )
+    }
+}