Creates a button component that wraps Material UI's button
Can take a MessageDescriptor or a react node
Creates custom colors and custom variants to override Material UI's as specified in the ticket (though I don't know what color light is supposed to be)
These customizations make it so we can't use material UI's color and variant, FYI
I tried to use the styled() utility, but the outline on the outlined button WOULD NOT TAKE! Material UI kept overriding it.
So, this Button uses the sx prop which seems to work
Rounds the buttons which Material UI does not
Customized the text appearance on the text button
I added a variables file for the same colors that are in the mobile app
Uses the new Button in the Home component
Added an sx prop so that other styles can be passed in. See example in the Home component.
Instructions
run the app
Play around with the buttons in the Home component to see the possibilities.
closes #16
Description
Instructions
Packages Added
Adds Material UI as requested in the ticket. https://mui.com/material-ui/getting-started/installation/
Screenshots