@buun_group/brutalist-ui
Version:
A brutalist-styled component library
52 lines (51 loc) • 1.34 kB
TypeScript
/**
* @module StampText
* @description A rubber stamp-style text component with ink bleed and distressed effects
*/
import { HTMLAttributes } from 'react';
/**
* Props for the StampText component
*/
export interface StampTextProps extends HTMLAttributes<HTMLDivElement> {
/**
* The text content to display
*/
children: string;
/**
* The size of the stamp
* @default 'md'
*/
size?: 'sm' | 'md' | 'lg' | 'xl';
/**
* The stamp style variant
* @default 'approved'
*/
variant?: 'approved' | 'rejected' | 'urgent' | 'classified' | 'draft' | 'void';
/**
* The rotation angle of the stamp
* @default 'slight'
*/
rotation?: 'none' | 'slight' | 'tilted' | 'heavy';
/**
* The ink effect intensity
* @default 'normal'
*/
ink?: 'light' | 'normal' | 'heavy' | 'worn';
/**
* The component element type
* @default 'div'
*/
as?: 'div' | 'span' | 'p';
}
/**
* StampText component for displaying text with rubber stamp effects
*
* @example
* ```tsx
* <StampText size="lg" variant="approved" rotation="tilted">
* APPROVED
* </StampText>
* ```
*/
export declare const StampText: import("react").ForwardRefExoticComponent<StampTextProps & import("react").RefAttributes<HTMLDivElement>>;
export default StampText;