import { CommonProps, type Styleable } from "@trackunit/react-components"; import { ReactNode } from "react"; export interface MultiRowTableCellProps extends CommonProps, Styleable { /** * Main row of the cell. */ main: ReactNode; /** * Secondary row of the cell rendered below the main row. */ secondary: ReactNode; } /** * MultiRowTableCell renders two stacked rows inside a single table cell — a primary `main` row * and a secondary row below it. String values are automatically styled with appropriate text sizes. * * ### When to use * Use MultiRowTableCell when a table cell needs to display a primary value with secondary metadata below — * for example, an asset name with its serial number, or a user name with their email. * * ### When not to use * Do not use MultiRowTableCell for single-line text — use `TextCell`. * * @example Name with description in a table cell * ```tsx * import { MultiRowTableCell } from "@trackunit/react-table-base-components"; * * const cell = ({ row }) => ( * * ); * ``` * @param {MultiRowTableCellProps} props - The props for the MultiRowTableCell component * @returns {ReactElement} MultiRowTableCell component */ export declare const MultiRowTableCell: ({ main, secondary, "data-testid": dataTestId, className, style, }: MultiRowTableCellProps) => import("react/jsx-runtime").JSX.Element;