https://dev.kronoz.win/r/marzneshin.git
| 1 |
fca98f0 |
Mrdn |
2y ago |
|
| 2 |
fca98f0 |
Mrdn |
2y ago |
|
| 3 |
fca98f0 |
Mrdn |
2y ago |
import { Box, ChakraProps, Text } from '@chakra-ui/react' |
| 4 |
fca98f0 |
Mrdn |
2y ago |
import { FC } from 'react' |
| 5 |
fca98f0 |
Mrdn |
2y ago |
|
| 6 |
fca98f0 |
Mrdn |
2y ago |
type CalloutProps = { |
| 7 |
fca98f0 |
Mrdn |
2y ago |
header: string, |
| 8 |
fca98f0 |
Mrdn |
2y ago |
body: string, |
| 9 |
fca98f0 |
Mrdn |
2y ago |
}; |
| 10 |
fca98f0 |
Mrdn |
2y ago |
|
| 11 |
fca98f0 |
Mrdn |
2y ago |
export const Callout: FC<CalloutProps & ChakraProps> = ({ header, body, ...props }) => { |
| 12 |
fca98f0 |
Mrdn |
2y ago |
return ( |
| 13 |
fca98f0 |
Mrdn |
2y ago |
<Box bg="gray.50" _dark={{ bg: 'gray.700' }} borderRadius="10" borderColor="red.500" border="2px" p="4" {...props}> |
| 14 |
fca98f0 |
Mrdn |
2y ago |
<Text fontSize="xl" fontWeight="bold"> |
| 15 |
fca98f0 |
Mrdn |
2y ago |
{header} |
| 16 |
fca98f0 |
Mrdn |
2y ago |
</Text> |
| 17 |
fca98f0 |
Mrdn |
2y ago |
{body} |
| 18 |
fca98f0 |
Mrdn |
2y ago |
</Box> |
| 19 |
fca98f0 |
Mrdn |
2y ago |
) |
| 20 |
fca98f0 |
Mrdn |
2y ago |
} |