feat: mobile app package (#1075)

packages/mobile/src/Components/ToastWrapper.styled.ts

@@ -0,0 +1,31 @@
+import { StyleSheet } from 'react-native'
+import { DefaultTheme } from 'styled-components/native'
+
+export const useToastStyles = (theme: DefaultTheme) => {
+  return (props: { [key: string]: unknown }) => {
+    return StyleSheet.create({
+      info: {
+        borderLeftColor: theme.stylekitInfoColor,
+        height: props.percentComplete !== undefined ? 70 : 60,
+      },
+      animatedViewContainer: {
+        height: 8,
+        borderWidth: 1,
+        borderRadius: 8,
+        borderColor: theme.stylekitInfoColor,
+        marginRight: 8,
+        marginLeft: 12,
+        marginTop: -16,
+      },
+      animatedView: {
+        backgroundColor: theme.stylekitInfoColor,
+      },
+      success: {
+        borderLeftColor: theme.stylekitSuccessColor,
+      },
+      error: {
+        borderLeftColor: theme.stylekitWarningColor,
+      },
+    })
+  }
+}