import { whisper } from '@oliveai/ldk';
} from '@oliveai/ldk/dist/whisper/types';
type: whisper.WhisperComponentType.Box,
direction: Direction.Vertical,
justifyContent: JustifyContent.Left,
type: whisper.WhisperComponentType.Markdown,
body: 'Icon utilizes different Material Icons.',
type: whisper.WhisperComponentType.Box,
direction: Direction.Horizontal,
justifyContent: JustifyContent.Left,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Divider,
marginBottom: StyleSize.Small,
marginTop: StyleSize.Small,
type: whisper.WhisperComponentType.Markdown,
body: 'Icon with a click handler or disabled, and have a tooltip.',
type: whisper.WhisperComponentType.Box,
direction: Direction.Horizontal,
justifyContent: JustifyContent.Left,
type: whisper.WhisperComponentType.Icon,
onClick: () => console.log('Clicked Active'),
type: whisper.WhisperComponentType.Icon,
onClick: () => console.log('Clicked Disabled'),
type: whisper.WhisperComponentType.Divider,
marginBottom: StyleSize.Small,
marginTop: StyleSize.Small,
type: whisper.WhisperComponentType.Markdown,
body: 'Icons with different sizes.',
type: whisper.WhisperComponentType.Box,
direction: Direction.Horizontal,
justifyContent: JustifyContent.Left,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Divider,
marginBottom: StyleSize.Small,
marginTop: StyleSize.Small,
type: whisper.WhisperComponentType.Markdown,
body: 'Icons with different colors.',
type: whisper.WhisperComponentType.Box,
direction: Direction.Horizontal,
justifyContent: JustifyContent.Left,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Icon,
color: Color.WhisperStrip,
type: whisper.WhisperComponentType.Icon,
type: whisper.WhisperComponentType.Divider,
marginBottom: StyleSize.Small,
marginTop: StyleSize.Small,
type: whisper.WhisperComponentType.Markdown,
body: 'Different Icon variants.',
type: whisper.WhisperComponentType.Box,
direction: Direction.Horizontal,
justifyContent: JustifyContent.Left,
type: whisper.WhisperComponentType.Icon,
name: 'account_balance_wallet',
type: whisper.WhisperComponentType.Icon,
name: 'account_balance_wallet',
variant: IconVariant.Outlined,
type: whisper.WhisperComponentType.Icon,
name: 'account_balance_wallet',
variant: IconVariant.Round,
type: whisper.WhisperComponentType.Icon,
name: 'account_balance_wallet',
variant: IconVariant.Sharp,
type: whisper.WhisperComponentType.Icon,
name: 'account_balance_wallet',
variant: IconVariant.TwoTone,
type: whisper.WhisperComponentType.Divider,
marginBottom: StyleSize.Small,
marginTop: StyleSize.Small,