src/components/AlertBox.tsx · bridge

on 685bb75 help sign in

bridge/src/components/AlertBox.tsx

20 lines 568 B history raw

1import React from 'react';

2import cn from 'classnames';

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

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

6export default function AlertBox({ className, children }) {

7 return (

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

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

10 <Icon

11 display="inline-block"

12 icon="ExclaimationMark"

13 size="18px"

14 color={'white'}

15 />

16 </span>

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

18 </Flex>

19 );