import "./file_badge.css"; import type * as React from "react"; import { useRender } from "@base-ui/react/use-render"; import { type IconName } from "./icon"; import { type MarkSize } from "./mark"; import { type StyleProps } from "./style_props"; export declare function resolveMime(mimeType: string): { label: string; color: string; glyph: IconName; }; export interface FileBadgeProps extends StyleProps { /** Omit only with `placeholder`. */ mimeType?: string; /** * The mark's square it stands in (`MARK_PX`), as tall as the page, which is taller than wide (26 × 32): a face or * a picture beside it is the same height. Everything scales off it, its type label included — a small page prints * a small label, and a page too narrow for its letters (a line's, a cell's) is its type's glyph in its type's ink. * Default `lg`, a face's. */ size?: MarkSize; /** * The square is a TILE — a picture's frame on a quiet ground — and the page stands inset in it (`tileBadge`), never * edge to edge: a document leading beside pictures and faces (a list's lead, a record's mark, an entry's). A * `placeholder` tile is dashed, the page's ghost in it. Without it the page is the mark, beside its filename. */ tile?: boolean; /** Show a "TMPL" overlay. */ isTemplate?: boolean; /** A dashed ghost at the same footprint. */ placeholder?: boolean; /** A row-sized document face. */ onPress?: () => void; /** * Pressable: the filename. Otherwise it names the drawing (`role="img"`); omit it beside a * printed filename. */ accessibilityLabel?: string; testID?: string; ref?: React.Ref; render?: useRender.RenderProp; } export declare function FileBadge(props: FileBadgeProps): React.ReactElement>;