/** @jsxImportSource @opentui/react */
/**
 * Full-width selectable text row.
 *
 * OpenTUI only starts drag-select when the pointer is inside the renderable's
 * layout box. Shrink-wrapped `<text>` is only as wide as its glyphs, so users
 * had to aim precisely at characters. Forcing `width: "100%"` makes the whole
 * row a hit target while copy still trims trailing whitespace.
 */
import type { ReactNode } from "react";
export declare const SELECTABLE_LINE_STYLE: {
    width: "100%";
    height: 1;
};
/**
 * Row style that also repaints its full width.
 *
 * A row narrower than its container leaves the cells to its right untouched,
 * so glyphs from whatever previously occupied that screen line survive — text
 * appears to duplicate down the column while scrolling. Pass the colour of the
 * surface the row sits on (chat pane vs card) so the fill is invisible.
 */
export declare function selectableRowStyle(surface: string): {
    width: "100%";
    height: 1;
    bg: string;
};
export declare function SelectableLine(props: {
    content?: string | undefined;
    children?: ReactNode;
    fg?: string | undefined;
    bg?: string | undefined;
    attributes?: number | undefined;
    wrapMode?: "none" | "char" | "word" | undefined;
}): ReactNode;