@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>
  );
}