@devopness/ui-react
Version:
Devopness Design System React Components - Painless essential DevOps to everyone
47 lines (46 loc) • 1.37 kB
TypeScript
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 };