digidem / comapeo-desktop

GNU General Public License v3.0
2 stars 0 forks source link

Create shared Button #16

Open ErikSin opened 2 months ago

ErikSin commented 2 months ago

Create Button following CoMapeo Mobile's design. Button should use Material UI's Button.

Images from CoMapeo

Image

To Do:

Props


type ColorScheme = 'dark' | 'light' | 'ComapeoBlue';
type Variant = 'contained' | 'outlined' | 'text';
type Size = 'medium' | 'large';

type ButtonProps = {
    // check if it is a MessageDescriptor. If it is a message descriptor translate it using [formatMessage](https://formatjs.io/docs/react-intl/api#formatmessage)
    children: React.ReactNode | MessageDescriptor //https://formatjs.io/docs/react-intl/components#message-descriptor
    color?: ColorScheme;
    disabled?: boolean;
    onPress: () => void;
    size?: Size;
    testID?: string;
    variant?: Variant;
}