feat: report page

lib/presentation/report/widgets/report_title.dart

@@ -1,38 +1,60 @@
+import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
 import 'package:flutter/material.dart';
-import 'package:enaklo_pos/core/components/components.dart';
 import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
 
 import '../../../core/constants/colors.dart';
 
-
-
 class ReportTitle extends StatelessWidget {
-  const ReportTitle({super.key});
+  final List<Widget>? actionWidget;
+  const ReportTitle({super.key, this.actionWidget});
 
   @override
   Widget build(BuildContext context) {
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        const Text(
-          'Report',
-          style: TextStyle(
-            color: AppColors.primary,
-            fontSize: 28,
-            fontWeight: FontWeight.w600,
+    return Container(
+      padding: const EdgeInsets.symmetric(
+        horizontal: 16.0,
+        vertical: 10.0,
+      ),
+      width: double.infinity,
+      height: context.deviceHeight * 0.1,
+      decoration: const BoxDecoration(
+        color: AppColors.white,
+        border: Border(
+          bottom: BorderSide(
+            color: AppColors.background,
+            width: 1.0,
           ),
         ),
-        const SpaceHeight(4.0),
-        Text(
-          DateTime.now().toFormattedDate(),
-          style: const TextStyle(
-            color: AppColors.subtitle,
-            fontSize: 16,
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text(
+                'Laporan',
+                style: TextStyle(
+                  color: AppColors.black,
+                  fontSize: 20,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+              Text(
+                DateTime.now().toFormattedDate2(),
+                style: TextStyle(
+                  color: AppColors.grey,
+                  fontSize: 14,
+                ),
+              ),
+            ],
           ),
-        ),
-        const SpaceHeight(20.0),
-        const Divider(),
-      ],
+          if (actionWidget != null)
+            Row(
+              children: actionWidget!,
+            ),
+        ],
+      ),
     );
   }
 }