2019-08-27 12:25:38 +00:00
|
|
|
import React from 'react';
|
|
|
|
import { View } from 'react-native';
|
|
|
|
|
2019-12-04 16:39:53 +00:00
|
|
|
import { themes } from '../../constants/colors';
|
2019-08-27 12:25:38 +00:00
|
|
|
import styles from './styles';
|
|
|
|
|
2021-09-13 20:41:05 +00:00
|
|
|
interface IBlockQuote {
|
2022-03-25 17:20:09 +00:00
|
|
|
children: React.ReactElement | null;
|
2021-09-13 20:41:05 +00:00
|
|
|
theme: string;
|
|
|
|
}
|
|
|
|
|
|
|
|
const BlockQuote = React.memo(({ children, theme }: IBlockQuote) => (
|
2019-08-27 12:25:38 +00:00
|
|
|
<View style={styles.container}>
|
2019-12-04 16:39:53 +00:00
|
|
|
<View style={[styles.quote, { backgroundColor: themes[theme].borderColor }]} />
|
2021-09-13 20:41:05 +00:00
|
|
|
<View style={styles.childContainer}>{children}</View>
|
2019-08-27 12:25:38 +00:00
|
|
|
</View>
|
|
|
|
));
|
|
|
|
|
|
|
|
export default BlockQuote;
|