Compose EBITDA layouts

The Ebitda composite renders a fixed EBITDA layout (metric row plus chart panel). To build a custom arrangement, compose it from the building blocks below — each takes pre-shaped data as props and does no fetching.

Building blocks

EbitdaMetrics

Row of summary metric cards across the top of the EBITDA section (actual, hodl, selling, cost). Building block of the Ebitda composite.

import { EbitdaMetrics } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Ebitda composite.

EbitdaCharts

Chart panel inside the EBITDA section visualising revenue, cost, and EBITDA over time. Building block of the Ebitda composite.

import { EbitdaCharts } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Ebitda composite.

ActualEbitdaCard

Stat card summarising the realised EBITDA for the selected reporting window vs the prior period. Building block of the Ebitda composite.

import { ActualEbitdaCard } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the EbitdaMetrics row.

EbitdaHodlCard

Stat card projecting EBITDA assuming all produced bitcoin is held instead of sold. Building block of the Ebitda composite.

import { EbitdaHodlCard } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the EbitdaMetrics row.

EbitdaSellingCard

Stat card projecting EBITDA assuming all produced bitcoin is sold at the daily reference price. Building block of the Ebitda composite.

import { EbitdaSellingCard } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the EbitdaMetrics row.

MonthlyEbitdaChart

Bar chart comparing EBITDA across the most recent months for trend visualisation. Building block of the Ebitda composite.

import { MonthlyEbitdaChart } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the EbitdaCharts panel.

BitcoinPriceCard

Stat card showing the BTC reference price used by the reporting view with currency and timestamp. Building block of the Ebitda composite.

import { BitcoinPriceCard } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Ebitda composite.

BitcoinProducedCard

Stat card summarising the bitcoin produced during the reporting window with delta to prior period. Building block of the Ebitda composite.

import { BitcoinProducedCard } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Ebitda composite.

BitcoinProducedChart

Time-series chart of bitcoin produced per day across the selected reporting window. Building block of the Ebitda composite.

import { BitcoinProducedChart } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Ebitda composite.

BitcoinProductionCostCard

Stat card showing the average cost in USD to produce one bitcoin during the reporting window. Building block of the Ebitda composite.

import { BitcoinProductionCostCard } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Ebitda composite.