@atlaskit/lozenge
Version:
A lozenge is a visual indicator used to highlight an item's status for quick recognition.
27 lines (26 loc) • 638 B
TypeScript
import React from 'react';
import { type IconProp, type LozengeColor } from './types';
export interface IconRendererProps {
/**
* The icon component to render
*/
icon: IconProp;
/**
* The lozenge color to determine icon color
*/
color: LozengeColor;
/**
* Test ID for the icon
*/
testId?: string;
/**
* Size of the icon
*/
size?: 'small' | 'medium';
}
/**
* Icon renderer for lozenge components
* Handles proper sizing and color theming for icons
*/
export declare const IconRenderer: (props: IconRendererProps) => React.JSX.Element;
export default IconRenderer;