From eb4a7110bb4ebee196a85ef1f3bac53abc76ba8b Mon Sep 17 00:00:00 2001
From: Nydragon <contact@ccnlc.eu>
Date: Sat, 28 Sep 2024 01:12:41 +0200
Subject: [PATCH] feat: add basic type for rounded images and a icon button

---
 src/base/BIconButton.qml   | 14 +++++++++++++
 src/base/BRoundedImage.qml | 41 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 src/base/BIconButton.qml
 create mode 100644 src/base/BRoundedImage.qml

diff --git a/src/base/BIconButton.qml b/src/base/BIconButton.qml
new file mode 100644
index 0000000..c28b8e4
--- /dev/null
+++ b/src/base/BIconButton.qml
@@ -0,0 +1,14 @@
+import QtQuick
+import QtQuick.Controls
+
+Button {
+    property int size: 40
+    required property var source
+    icon.source: source
+    icon.height: size
+    icon.width: size
+
+    background: Rectangle {
+        color: "transparent"
+    }
+}
diff --git a/src/base/BRoundedImage.qml b/src/base/BRoundedImage.qml
new file mode 100644
index 0000000..45d15bc
--- /dev/null
+++ b/src/base/BRoundedImage.qml
@@ -0,0 +1,41 @@
+import QtQuick
+import QtQuick.Effects
+
+Rectangle {
+    id: roundedImage
+    required property var source
+    height: 300
+    width: 300
+    color: "transparent"
+
+    Image {
+        id: image
+        source: roundedImage.source ?? ""
+        anchors.fill: parent
+        anchors.centerIn: parent
+        anchors.margins: roundedImage.border.width
+        visible: false
+    }
+
+    MultiEffect {
+        source: image
+        anchors.fill: image
+        maskEnabled: true
+        maskSource: mask
+    }
+
+    Item {
+        id: mask
+        width: image.width
+        height: image.height
+        layer.enabled: true
+        visible: false
+
+        Rectangle {
+            width: image.width
+            height: image.height
+            radius: roundedImage.radius
+            color: "black"
+        }
+    }
+}