From 217f34397f95fc988280eee9c376efe0781c69ea Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Wed, 8 Sep 2021 15:30:32 -0300
Subject: first approach to new design for withdraw

---
 .../taler-wallet-webextension/src/components/Part.tsx    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 packages/taler-wallet-webextension/src/components/Part.tsx

(limited to 'packages/taler-wallet-webextension/src/components/Part.tsx')

diff --git a/packages/taler-wallet-webextension/src/components/Part.tsx b/packages/taler-wallet-webextension/src/components/Part.tsx
new file mode 100644
index 000000000..87b16de87
--- /dev/null
+++ b/packages/taler-wallet-webextension/src/components/Part.tsx
@@ -0,0 +1,16 @@
+import { AmountLike } from "@gnu-taler/taler-util";
+import { ExtraLargeText, LargeText, SmallLightText } from "./styled";
+
+export type Kind = 'positive' | 'negative' | 'neutral';
+interface Props {
+  title: string, text: AmountLike, kind: Kind, big?: boolean
+}
+export function Part({ text, title, kind, big }: Props) {
+  const Text = big ? ExtraLargeText : LargeText;
+  return <div style={{ margin: '1em' }}>
+    <SmallLightText style={{ margin: '.5em' }}>{title}</SmallLightText>
+    <Text style={{ color: kind == 'positive' ? 'green' : (kind == 'negative' ? 'red' : 'black') }}>
+      {text}
+    </Text>
+  </div>
+}
-- 
cgit v1.2.3

