The game currently features generic buttons that exhibit different behaviors and appearances depending on whether they are viewed on a mobile or desktop device. This functionality is already implemented in various parts of the game. The aim of this issue is to consolidate this into a single, reusable component that includes mouse-over effects.
Current Behavior
Mobile Version:
Desktop Version:
Expected Behavior
Create a reusable component that encapsulates the existing button behavior.
The component should be responsive, adapting its appearance and behavior based on the device it's viewed on.
Include mouse-over effects for the desktop version.
Acceptance Criteria
[ ] Implement a reusable button component.
[ ] Ensure the component is responsive.
[ ] Include mouse-over effects for the desktop version.
[ ] Update existing instances where this behavior is implemented to use the new component.
[ ] Allow to add specific logic when instantiate a generic button
Description
The game currently features generic buttons that exhibit different behaviors and appearances depending on whether they are viewed on a mobile or desktop device. This functionality is already implemented in various parts of the game. The aim of this issue is to consolidate this into a single, reusable component that includes mouse-over effects.
Current Behavior
Mobile Version:
![Mobile Version](https://github.com/keep-starknet-strange/tsubasa/assets/18716884/338aa5ed-3dfd-4646-a55a-b3b1229b8599)
Desktop Version:
![Desktop Version](https://github.com/keep-starknet-strange/tsubasa/assets/18716884/cb9329a4-4e7f-44a1-8eeb-96ad928361d9)
Expected Behavior
Acceptance Criteria