import type { TextPropsShared } from "@metamask/design-system-shared"; import type { CSSProperties } from "react"; import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs"; export type TextProps = TextPropsShared & { /** * Optional prop for inline styles */ style?: CSSProperties; /** * Optional prop for additional CSS classes to be applied to the Text component. */ className?: string; /** * Optional prop to apply text transformation to the content. * Options: Uppercase, Lowercase, Capitalize, Normal */ textTransform?: TextTransform; /** * Optional prop to control the text alignment within its container. * Options: Left, Center, Right, Justify */ textAlign?: TextAlign; /** * Optional prop to determine how text should wrap when it reaches the edge of its container. * Options: BreakWord, Anywhere, Normal */ overflowWrap?: OverflowWrap; /** * Optional boolean that adds an ellipsis (...) when text overflows its container. * * @default false */ ellipsis?: boolean; /** * Optional boolean that determines if the component should merge its props onto its immediate child * instead of rendering a default DOM element. * * @default false */ asChild?: boolean; /** * Optional prop for testing purposes */ 'data-testid'?: string; }; //# sourceMappingURL=Text.types.d.cts.map