@8man/react-native-media-console
Version:
Controls for react-native-video
38 lines • 962 B
JavaScript
import React from 'react';
import { Text, View } from 'react-native';
import { styles } from './styles';
export const Title = title => {
if (title) {
return /*#__PURE__*/React.createElement(View, {
style: [styles.control, _styles.title]
}, /*#__PURE__*/React.createElement(Text, {
style: [styles.text, _styles.titleText],
numberOfLines: 1
}, title.primary), title.secondary && /*#__PURE__*/React.createElement(Text, {
style: [_styles.secondaryText, {
color: 'hsl(0, 0%, 70%)'
}],
numberOfLines: 1
}, title.secondary));
}
return null;
};
import { StyleSheet } from 'react-native';
const _styles = StyleSheet.create({
title: {
alignItems: 'flex-start',
flex: 1,
flexDirection: 'column',
padding: 0,
marginRight: 16,
marginTop: 15,
height: 37
},
titleText: {
textAlign: 'center'
},
secondaryText: {
fontSize: 12
}
});
//# sourceMappingURL=Title.js.map