From 7a39b8ba56748dacef2a0edcb0d3e10d262e81ef Mon Sep 17 00:00:00 2001
From: ashilkn <ashilkn99@gmail.com>
Date: Tue, 6 Dec 2022 20:38:04 +0530
Subject: [PATCH] Created a basic version of DeleteItemsWidget

---
 lib/ui/components/delete_items_widget.dart | 71 ++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 lib/ui/components/delete_items_widget.dart

diff --git a/lib/ui/components/delete_items_widget.dart b/lib/ui/components/delete_items_widget.dart
new file mode 100644
index 000000000..9d586703a
--- /dev/null
+++ b/lib/ui/components/delete_items_widget.dart
@@ -0,0 +1,71 @@
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:photos/theme/effects.dart';
+import 'package:photos/theme/ente_theme.dart';
+
+class DeleteItemsWidget extends StatelessWidget {
+  const DeleteItemsWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = getEnteColorScheme(context);
+    return ClipRRect(
+      borderRadius: const BorderRadius.all(Radius.circular(8)),
+      child: BackdropFilter(
+        filter: ImageFilter.blur(sigmaX: blurMuted, sigmaY: blurMuted),
+        child: Container(
+          color: colorScheme.backdropBase,
+          child: Padding(
+            padding: const EdgeInsets.fromLTRB(24, 24, 24, 28),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                TextContainer(),
+                const SizedBox(height: 36),
+                OptionButtons(),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class TextContainer extends StatelessWidget {
+  const TextContainer({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = getEnteColorScheme(context);
+    final textTheme = getEnteTextTheme(context);
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Text(
+          "Delete items",
+          style: textTheme.h3Bold,
+        ),
+        const SizedBox(height: 19),
+        Text(
+          "Some items exists both on ente and on your device.",
+          style: textTheme.body.copyWith(color: colorScheme.textMuted),
+        )
+      ],
+    );
+  }
+}
+
+class OptionButtons extends StatelessWidget {
+  const OptionButtons({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 216,
+      width: 303,
+      color: Colors.green.shade300.withOpacity(0.5),
+    );
+  }
+}