src/components/AlertBox.tsx · bridge

on e47013d help sign in

bridge/src/components/AlertBox.tsx

25 lines 655 B history raw

1import React from 'react';

2import cn from 'classnames';

3import { Flex, Text } from 'indigo-react';

4import { Icon } from '@tlon/indigo-react';

6interface AlertBoxProps {

7 className?: string;

8 children?: string;

11export default function AlertBox({ className, children }: AlertBoxProps) {

12 return (

13 <Flex className={cn('bg-red5 pv3 ph4', className)} align="center">

14 <span className="circular-icon-bg bg-red6">

15 <Icon

16 display="inline-block"

17 icon="ExclaimationMark"

18 size="18px"

19 color={'white'}

20 />

21 </span>

22 <Text className="f6 fw-bolder red5">{children}</Text>

23 </Flex>

24 );