@redneckz/wildless-cms-uni-blocks 0.14.1027 → 0.14.1029

package/src/ui-kit/Rate/Rate.tsx

@@ -0,0 +1,27 @@
+import { DIVIDER_STYLE } from '../../components/TariffsTable/TariffsTableRowContainer';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { style } from '../../utils/style';
+
+export type RateItem = {
+  currencyPair?: string;
+  buyRate?: number;
+  sellRate?: number;
+  lastUpdatedAt?: string;
+};
+
+interface RateProps extends RateItem, UniBlockProps {}
+
+export const RATES_COLUMN_STYLE = `grid grid-cols-3 gap-s`;
+
+export const Rate = UniBlock<RateProps>(({ currencyPair = '', buyRate = 0, sellRate = 0 }) => (
+  <div className={style('mb-s', RATES_COLUMN_STYLE, DIVIDER_STYLE)}>
+    <div>{formatCurrencyPair(currencyPair)}</div>
+    <div>{formatRate(buyRate)}</div>
+    <div>{formatRate(sellRate)}</div>
+  </div>
+));
+
+const formatCurrencyPair = (currency: string) => currency.replace('_TOD', '');
+
+const formatRate = (rate: number) => rate.toFixed(4);