import React from 'react';
import { View } from 'react-native';
import { styles } from './styles';
export const Seekbar = ({ seekColor, seekerFillWidth, seekerPosition, seekerPanHandlers, setSeekerWidth, }) => {
    return (<View style={styles.container} collapsable={false} {...seekerPanHandlers}>
      <View style={styles.track} onLayout={(event) => setSeekerWidth(event.nativeEvent.layout.width)} pointerEvents={'none'}>
        <View style={[
            styles.fill,
            {
                width: seekerFillWidth,
                backgroundColor: seekColor || '#FFF',
            },
        ]} pointerEvents={'none'}/>
      </View>
      <View style={[styles.handle, { left: seekerPosition }]} pointerEvents={'none'}>
        <View style={[styles.circle, { backgroundColor: seekColor || '#FFF' }]} pointerEvents={'none'}/>
      </View>
    </View>);
};
//# sourceMappingURL=Seekbar.js.map