import React from 'react';
import { StyledBox } from './StyledBox';
import type { BoxViewProps, FlexStyleProps, StyleProps } from './types';

export interface BoxProps extends StyleProps, FlexStyleProps, BoxViewProps {}

const Box = ({ children, style, testID, ...otherProps }: BoxProps) => (
  <StyledBox {...otherProps} style={style} testID={testID}>
    {children}
  </StyledBox>
);

export default Box;
