re-structure to monorepo.

packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooterRight.tsx

@@ -0,0 +1,35 @@
+// @ts-nocheck
+import React from 'react';
+import styled from 'styled-components';
+import {
+  T,
+  TotalLines,
+  TotalLine,
+  TotalLineBorderStyle,
+  TotalLineTextStyle,
+} from '@/components';
+import { useExpensesTotals } from './utils';
+
+export function ExpenseFormFooterRight() {
+  const { formattedSubtotal, formattedTotal } = useExpensesTotals();
+
+  return (
+    <ExpensesTotalLines>
+      <TotalLine
+        title={<T id={'expense.label.subtotal'} />}
+        value={formattedSubtotal}
+        borderStyle={TotalLineBorderStyle.None}
+      />
+      <TotalLine
+        title={<T id={'expense.label.total'} />}
+        value={formattedTotal}
+        textStyle={TotalLineTextStyle.Bold}
+      />
+    </ExpensesTotalLines>
+  );
+}
+
+const ExpensesTotalLines = styled(TotalLines)`
+  width: 100%;
+  color: #555555;
+`;