47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
import { useTheme } from '@react-navigation/native'
|
|
import PropTypes from 'prop-types'
|
|
import React, { useContext } from 'react'
|
|
import { View } from 'react-native'
|
|
import ConfigurationContext from '../../../context/Configuration'
|
|
import TextDefault from '../../Text/TextDefault/TextDefault'
|
|
import styles from './styles'
|
|
|
|
function HeadingComponent(props) {
|
|
const configuration = useContext(ConfigurationContext)
|
|
const { colors } = useTheme()
|
|
|
|
return (
|
|
<>
|
|
<View style={styles.topContainer}>
|
|
<View style={styles.titleContainer}>
|
|
<TextDefault numberOfLines={1} H4 bold>
|
|
{props.title}
|
|
</TextDefault>
|
|
</View>
|
|
<View style={styles.priceContainer}>
|
|
<TextDefault
|
|
textColor={colors.tagColor}
|
|
H4
|
|
bolder>{`${configuration.currency_symbol} ${props.price}`}</TextDefault>
|
|
</View>
|
|
</View>
|
|
<View style={styles.descContainer}>
|
|
<TextDefault
|
|
numberOfLines={3}
|
|
textColor={colors.fontSecondColor}
|
|
H5
|
|
medium>
|
|
{props.desc}
|
|
</TextDefault>
|
|
</View>
|
|
</>
|
|
)
|
|
}
|
|
|
|
HeadingComponent.propTypes = {
|
|
title: PropTypes.string,
|
|
price: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
desc: PropTypes.string
|
|
}
|
|
export default HeadingComponent
|