Maria Zadnepryanets
34 lines
775 B
JavaScript
34 lines
775 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { StyleSheet , View } from 'react-native'
|
|
|
|
import DripIcon from '../../assets/drip-icons'
|
|
|
|
import { Colors, Containers } from '../../styles'
|
|
import { CHART_YAXIS_WIDTH, CHART_ICON_SIZE } from '../../config'
|
|
|
|
const SymptomIcon = ({ symptom, height }) => {
|
|
return (
|
|
<View style={styles.container} width={CHART_YAXIS_WIDTH} height={height}>
|
|
<DripIcon
|
|
size={CHART_ICON_SIZE}
|
|
name={`drip-icon-${symptom}`}
|
|
color={Colors.iconColors[symptom].color}
|
|
/>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
SymptomIcon.propTypes = {
|
|
height: PropTypes.number,
|
|
symptom: PropTypes.string,
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
...Containers.centerItems
|
|
}
|
|
})
|
|
|
|
export default SymptomIcon
|