benchmarks/src/implementations/react-native-web/Dot.js
/* eslint-disable react/prop-types */
import { createElement, StyleSheet } from 'react-native';
const Dot = ({ size, x, y, children, color }) =>
createElement('div', {
children,
style: [
styles.root,
{
borderBottomColor: color,
borderRightWidth: size / 2,
borderBottomWidth: size / 2,
borderLeftWidth: size / 2,
marginLeft: x,
marginTop: y
}
]
});
const styles = StyleSheet.create({
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: [{ translateX: '50%' }, { translateY: '50%' }]
}
});
export default Dot;