UNPKG

alouette

Version:

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

29 lines • 1.36 kB
import { type ReactNode, type Ref } from "react"; import { Text as RNText, type TextProps as RNTextProps } from "react-native"; import type { Accent } from "../../core/AlouetteConfig"; export interface TextProps extends RNTextProps { accent?: Accent; ref?: Ref<RNText>; } /** * Defaults to `font-body text-sharp`, except nested in another `Text`: it then * inherits whatever its `className` does not set itself. */ export declare function Text({ className, accent, ...props }: TextProps): ReactNode; export type ParagraphProps = TextProps; /** * A block of prose — `Text` with `role="paragraph"` (a real `<p>` on web) and * selectable content (`select-auto`, which native Text is not by default). * * It is the wrapper for sentences, never for a single value: a URL, a code * fragment, a label, a stat or a heading is a `Text` (or `Code` / * `ExternalLinkText` / `CodeBlock`), even when it stands alone on its line. * Reach for `Paragraph` when the content is one or more sentences the reader * may want to select and copy. * * Its children are inline only — `Text`, `Code`, `ExternalLinkText`. A `<p>` * takes no block content, so nesting another `Paragraph` or a `View` inside * one is invalid DOM on web. */ export declare function Paragraph({ className, ...props }: ParagraphProps): ReactNode; //# sourceMappingURL=Text.d.ts.map