UNPKG

@devopness/ui-react

Version:

Devopness Design System React Components - Painless essential DevOps to everyone

47 lines (46 loc) 1.37 kB
import { default as React } from 'react'; import { Icon } from '../../../icons'; type ReviewProps = { /** Content text or JSX element */ content: string | React.JSX.Element; /** Make content bold * @default false */ isBoldFontWeight?: boolean; /** Optional icon to display */ icon?: Icon | Omit<string, Icon>; /** Background color for the icon */ iconBackgroundColor?: string; /** Icon color */ iconColor?: string; /** Icon size in pixels */ iconSize?: number; /** Optional prefix before the label */ prefix?: string; /** Background color for the review box */ backgroundColor?: string; /** Apply margin for prefix * @default true */ hasPrefixMargin?: boolean; /** Show icon after label instead of before * @default false */ isIconAfterLabel?: boolean; }; /** * Review component displays a label/value pair with optional icon and prefix. * * @example * ```jsx * <Review * content="Status: Approved" * icon="check" * prefix="Info" * backgroundColor="#f5f5f5" * /> * ``` */ declare const Review: ({ content, icon, iconBackgroundColor, iconColor, iconSize, isBoldFontWeight, prefix, backgroundColor, hasPrefixMargin, isIconAfterLabel, }: ReviewProps) => import("react/jsx-runtime").JSX.Element; export { Review }; export type { ReviewProps };