import "./pressable_row.css"; import type * as React from "react"; import { useRender } from "@base-ui/react/use-render"; import { type StyleProps, type TriggerProps } from "./style_props"; export type PressableRowVariant = "register" | "bleed" | "inset" | "card"; export interface PressableRowProps extends StyleProps, TriggerProps { /** Absent, the surface stands still — no wash, cursor, press or state of its own, its caller's look — and a row * gaining or losing its press keeps what it holds mounted (a field being typed in keeps its focus). */ onPress?: () => void; /** The open record's persistent highlight. */ selected?: boolean; /** The same resting ground as `selected`; the tick tells them apart. */ marked?: boolean; /** * - "register" (record-list default): a rounded full-width wash bleeding outward, content on the container * edge so a `Table` header aligns; nothing is drawn between rows. * - "bleed": a square edge-to-edge wash with `Divider`s, for a data grid wanting hard rules. * - "inset": a rounded pill wash inside a padded container. * - "card": a bordered tile marking state on its edge — a `