import { BoxProps, ButtonProps, StackProps } from '@hiver/hiver-ui-kit';
import { StyledComponent } from '@emotion/styled';
/**
 * Layout for the linked-conv tab content per Figma frame
 * 683:666932. The host (outlook-ui) owns the tab bar above; we
 * paint the area under it. Outer vertical borders match the
 * Figma frame which has `border-l border-r border-[#e2e8f0]`.
 */
export declare const LinkedRoot: StyledComponent<BoxProps>;
/**
 * Pinned parent slot. Per Figma the parent message is just a
 * normal Chat-UI row at the top of the panel (same px-[20px]
 * py-[12px] as replies). No visible separator below it in the
 * static frame — the visual separation comes from the
 * subsequent rows starting at their own padded slot.
 */
export declare const ParentPin: StyledComponent<BoxProps>;
export declare const RepliesScroll: StyledComponent<BoxProps>;
/**
 * Top-of-list "load older" affordance. Centered, muted caption row shown
 * above the message list while older history exists (or is loading /
 * errored). Clickable as a fallback to the scroll-to-top trigger.
 */
export declare const LoadOlderBar: StyledComponent<BoxProps>;
/**
 * Thread-detail "‹ back" row (Figma 683:669379) — sits above the
 * drilled-in thread, left-aligned with the message column.
 */
export declare const BackRow: StyledComponent<BoxProps>;
/**
 * Channel-mode scroll region (B4) — the full list of thread groups in
 * the linked channel. Same scroll mechanics as RepliesScroll.
 */
export declare const ChannelThreadsScroll: StyledComponent<BoxProps>;
/**
 * One thread group (a root message + its "Replies (n)" link). Threads
 * are separated by whitespace only — the Figma has no divider rule
 * between messages.
 */
export declare const ThreadGroupRoot: StyledComponent<BoxProps>;
/**
 * Thread-detail reply stack (Figma 683:669746). Replies are indented
 * 32px so their avatars sit under the root message's text column, and a
 * vertical rail with a rounded elbow connects each reply back to the
 * thread — mirroring the design's "Line 19" + "Vector 3" guide.
 */
export declare const ThreadReplies: StyledComponent<BoxProps>;
/**
 * The reply-threading guide (vertical rail + rounded elbow) is drawn in
 * ThreadDetailView's ReplyConnector with real positioned elements rather
 * than pseudo-elements here — it needs deterministic per-reply control
 * (e.g. capping the rail at the LAST reply), which CSS positional
 * selectors didn't deliver reliably through the styled Box.
 */
/**
 * Composer outer slot — Figma 683:667011 gives this a 20px
 * surrounding pad and white background. The inner box (border +
 * radius) is composed inside the Composer component itself.
 */
export declare const ComposerSlotRoot: StyledComponent<BoxProps>;
/**
 * One Chat-UI row (Figma 683:666934). Padded 20/12 with 8px gap
 * between avatar and body column.
 */
export declare const MessageRow: StyledComponent<StackProps>;
/**
 * Floating per-message action bar, pinned to the row's top-right
 * (Figma 683:661942: 26px tall white pill, 0.5px hairline border, a
 * soft `0 0 2px rgba(51,65,85,0.25)` shadow, 6px radius). M1 carries a
 * single icon-only "Reply" action — the reaction/emoji affordance is
 * omitted.
 *
 * Figma floats it ~half-above the row's top edge (negative offset), so
 * we use `top: -13px` (= -height/2) to overhang upward. Rows don't clip
 * their own overflow, so this overlaps the row above cleanly; only the
 * topmost row scrolled flush to the viewport top can clip — an
 * acceptable edge case. A high z-index keeps it above adjacent rows'
 * hover background. `overflow: hidden` clamps the button's hover tint
 * to the pill's rounded corners.
 */
export declare const HoverToolbar: StyledComponent<BoxProps>;
export declare const ReplyButton: StyledComponent<ButtonProps>;
export declare const DeleteButton: StyledComponent<ButtonProps>;
/**
 * Avatar — 30px fully rounded per Figma 683:666937 (`size-[30px]
 * rounded-[100px]`). Background per-author in production; the
 * fallback uses Hiver's purple-light tint.
 */
export declare const AvatarCircle: StyledComponent<BoxProps>;
export declare const MessageBodyCol: StyledComponent<BoxProps>;
/**
 * Header row — author + timestamp baseline-aligned with 12px gap
 * (Figma 683:666940).
 */
export declare const MessageHeaderRow: StyledComponent<StackProps>;
//# sourceMappingURL=style.d.ts.map