BitMainImmersionControlBox

Control box for a BitMain immersion container exposing tank, pump, and unit-level actions. A flexible container component with configurable columns and optio…

Control box for a BitMain immersion container exposing tank, pump, and unit-level actions.

A flexible container component with configurable columns and optional bottom content. Used for displaying control information in a structured layout.

import { BitMainImmersionControlBox } from "@tetherto/mdk-react-devkit";

Prop	Status	Type	Default	Description
`title`	Optional	`string \| undefined`	—	Box title
`leftContent`	Optional	`React.ReactNode`	—	Content for left column
`rightContent`	Optional	`React.ReactNode`	—	Content for right column
`bottomContent`	Optional	`React.ReactNode`	—	Content for bottom row
`secondary`	Optional	`boolean \| undefined`	—	Secondary variant (no border)
`className`	Optional	`string \| undefined`	—	Custom className

Usage

Generic layout box used inside BitMain immersion container panels. Provides a two-column main area (left + right) and an optional bottom row.

Minimal example

import { BitMainImmersionControlBox } from "@tetherto/mdk-react-devkit";

<BitMainImmersionControlBox
  title="Pump Station"
  leftContent={<span>Pump 1</span>}
  rightContent={<span>Pump 2</span>}
/>

Example

import { BitMainImmersionControlBox } from '@tetherto/mdk-react-devkit'export const BitMainImmersionControlBoxExample = () => (  <div className="mdk-example-row">    <BitMainImmersionControlBox      title="Pump Station"      leftContent={<span>Left content</span>}      rightContent={<span>Right content</span>}      bottomContent={<span>Bottom content</span>}    />  </div>)