@arizeai/phoenix-mcp

import { ReactNode } from "react"; import { Flex, Icon, Icons, Text, View } from "@phoenix/components"; export function PlaygroundErrorWrap({ children }: { children: ReactNode }) { return ( <View padding="size-200"> <Flex direction="row" gap="size-50" alignItems="center"> <Icon svg={<Icons.AlertCircleOutline />} color="danger" /> <Text color="danger">{children}</Text> </Flex> </View> ); }