Feat/add bottom perfil

lib/components/bottom_profile.dart

@@ -0,0 +1,51 @@
+import 'package:app_flutter/components/button_option_profile.dart';
+import 'package:flutter/material.dart';
+
+class BottomProfile extends StatelessWidget {
+  const BottomProfile({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 10),
+      child: Ink(
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(10),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.1),
+              spreadRadius: 1,
+              blurRadius: 10,
+              offset: const Offset(0, 3), // changes position of shadow
+            ),
+          ],
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            ButtonOptionProfile(
+              label: "Lista de Interesse",
+              icon: Icons.book_rounded,
+              topLeftRadius: 10,
+              topRightRadius: 10,
+              onPressed: () {},
+            ),
+            ButtonOptionProfile(
+              label: "Livros Disponibilizados",
+              icon: Icons.book_rounded,
+              onPressed: () {},
+            ),
+            ButtonOptionProfile(
+              label: "Livros Avaliados",
+              icon: Icons.stars_rounded,
+              bottomLeftRadius: 10,
+              bottomRightRadius: 10,
+              onPressed: () {},
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/components/button_option_profile.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+
+class ButtonOptionProfile extends StatelessWidget {
+  const ButtonOptionProfile(
+      {super.key,
+      required this.label,
+      required this.icon,
+      this.onPressed,
+      this.topLeftRadius = 0,
+      this.topRightRadius = 0,
+      this.bottomLeftRadius = 0,
+      this.bottomRightRadius = 0});
+
+  final String label;
+  final IconData icon;
+  final Function()? onPressed;
+
+  final double topLeftRadius;
+  final double topRightRadius;
+  final double bottomLeftRadius;
+  final double bottomRightRadius;
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipRect(
+      child: InkWell(
+        borderRadius: BorderRadius.only(
+          topLeft: Radius.circular(topLeftRadius),
+          topRight: Radius.circular(topRightRadius),
+          bottomLeft: Radius.circular(bottomLeftRadius),
+          bottomRight: Radius.circular(bottomRightRadius),
+        ),
+        onTap: () {},
+        child: Ink(
+          height: 60,
+          padding: const EdgeInsets.symmetric(horizontal: 5),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Icon(icon, size: 30),
+              Expanded(
+                child: Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 10),
+                  child: Text(label),
+                ),
+              ),
+              const Icon(Icons.arrow_forward_ios_rounded),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

storybook/main.dart

@@ -1,4 +1,5 @@
 import 'package:app_flutter/components/bottom_menu.dart';
+import 'package:app_flutter/components/bottom_profile.dart';
 import 'package:app_flutter/components/button_action.dart';
 import 'package:app_flutter/components/button_option.dart';
 import 'package:app_flutter/components/button_option_badge.dart';
@@ -147,6 +148,15 @@ class _StorybookAppState extends State<StorybookApp> {
               ),
             ),
           ),
+          Story(
+            name: 'Components/BottomProfile',
+            builder: (context) => Scaffold(
+              backgroundColor: lightGrey,
+              body: Center(
+                child: BottomProfile(),
+              ),
+            ),
+          ),
         ],
       );
 }