import styled from '@emotion/native';
import Box from '../Box';

const StyledChartHeader = styled(Box)(({ theme }) => ({
  marginBottom: theme.__hd__.chart.space.headerMarginBottom,
  flexDirection: 'row',
  justifyContent: 'space-between',
  alignItems: 'center',
}));

const StyledLineChartWrapper = styled(Box)(() => ({
  width: '100%',
  height: '100%',
}));

export { StyledChartHeader, StyledLineChartWrapper };