import * as React from 'react'; import Avatar from '@mui/material/Avatar'; import Box from '@mui/material/Box'; import Card from '@mui/material/Card'; import CardContent from '@mui/material/CardContent'; import CardHeader from '@mui/material/CardHeader'; import IconButton from '@mui/material/IconButton'; import Stack from '@mui/material/Stack'; import Typography from '@mui/material/Typography'; import { DotsThree as DotsThreeIcon } from '@phosphor-icons/react/dist/ssr/DotsThree'; import { Lightbulb as LightbulbIcon } from '@phosphor-icons/react/dist/ssr/Lightbulb'; export interface InsightProps { insights: { id: string; title: string; description: string }[]; } export function Insight({ insights }: InsightProps): React.JSX.Element { const insight = insights[0]; return ( } avatar={ } sx={{ zIndex: 1 }} title="Insight" /> {insight.title} {insight.description} ); }