import React from 'react';
import { StyleProp, View, ViewStyle } from 'react-native';

import { graphStyles } from './chart-styles';

interface ChartViewProps {
  style?: StyleProp<ViewStyle>;
  children: React.ReactNode;
  testID?: string;
}

const ChartView: React.FC<ChartViewProps> = ({ children, style, testID }) => {
  return <View style={[graphStyles.container, style]} testID={testID} >{children}</View>;
};

export default ChartView;