@ovotech/element-native 5.2.1-canary-b9d3078-402 → 5.2.1-canary-e6d6074-403

package/dist/components/Cards/AccountCard/AccountCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ImageSourcePropType } from 'react-native';
+export type Props = {
+    isBeyond?: boolean;
+    avatar?: ImageSourcePropType;
+    onSwitch?: () => void;
+    title: string;
+    accNumber: string | number;
+    bodyText?: string;
+};
+export declare const AccountCard: React.FC<Props>;

package/dist/components/Cards/AccountCard/AccountCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { Button, P, Strong } from '../..';
+import { ThemeContext } from '../../../styled.native';
+import { Avatar, Body, BodyContent, ButtonContainer, CardContent, CardWithAccount, TextContent, Title, TitleContent, } from './AccountCard.styles';
+//@ts-ignore
+import AccountImage from './account-card-image.jpg';
+const Beyond = () => {
+    const theme = useContext(ThemeContext);
+    return _jsx(P, { style: { color: theme.color.brand.bold }, children: "Beyond" });
+};
+export const AccountCard = ({ isBeyond, avatar, onSwitch, title, accNumber, bodyText, }) => {
+    const theme = useContext(ThemeContext);
+    return (_jsx(CardWithAccount, { background: isBeyond ? theme.color.brand.dim : theme.color.brand.brand, children: _jsxs(CardContent, { children: [_jsx(Avatar, { source: avatar ? avatar : AccountImage, resizeMode: "cover", accessibilityIgnoresInvertColors: true, accessibilityLabel: 'Account Card Image' }), _jsxs(TextContent, { children: [_jsx(TitleContent, { children: _jsxs(Title, { children: [_jsx(Strong, { children: title }), " ", isBeyond && _jsx(Beyond, {})] }) }), _jsxs(BodyContent, { children: [_jsxs(Body, { children: ["Account Number: ", accNumber] }), _jsx(Body, { isBeyond: isBeyond, children: bodyText })] })] }), _jsx(ButtonContainer, { children: onSwitch && (_jsx(Button, { size: "small", inverted: isBeyond, iconRight: "switch", onPress: onSwitch })) })] }) }));
+};