Function AlertBannerContent

console/src/components/Alert.tsx:203–230

({
  children,
  title,
  variant,
}: {
  title: React.ReactNode;
  children: React.ReactNode;
  variant: AlertVariant;
})

);

export const AlertBannerContent = ({
  children,
  title,
  variant,
}: {
  title: React.ReactNode;
  children: React.ReactNode;
  variant: AlertVariant;
}) => {
  const { colors } = useTheme<MaterializeTheme>();

  const colorScheme = getColorScheme(colors);
  return (
    <>
      <Text
        textStyle="text-ui-med"
        borderRight="1px solid"
        borderColor={colorScheme[variant].border}
        paddingRight="6"
      >
        {title}
      </Text>
      <HStack paddingLeft="6" alignItems="start" flexGrow="1">
        {children}
      </HStack>
    </>
  );
};

export default Alert;