import { whisper } from '@oliveai/ldk';
} from '@oliveai/ldk/dist/whisper/types';
label: 'Grid Component Example',
type: WhisperComponentType.Markdown,
body: "This Grid's direction is column.",
alignItems: AlignItems.Center,
type: WhisperComponentType.Grid,
direction: GridDirection.Column,
type: WhisperComponentType.Icon,
name: 'account_balance_wallet',
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Button,
console.log('button clicked');
type: WhisperComponentType.Divider,
type: WhisperComponentType.Markdown,
body: "This Grid's default direction is row.",
alignItems: AlignItems.Center,
type: WhisperComponentType.Grid,
direction: GridDirection.Row,
justifyContent: JustifyContent.SpaceEvenly,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Divider,
type: WhisperComponentType.Markdown,
body: '2 rows and 3 columns:',
alignItems: AlignItems.Center,
type: WhisperComponentType.Grid,
alignItems: AlignItems.Center,
type: WhisperComponentType.Grid,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Markdown,
alignItems: AlignItems.Center,
type: WhisperComponentType.Grid,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Markdown,
type: WhisperComponentType.Markdown,