import { type ForwardedRef, forwardRef } from 'react';
import { View, type ViewProps } from 'react-native';

export interface BoxProps extends ViewProps {
  className?: string;
}

export const Box = forwardRef<View, BoxProps>(
  ({ children, ...restProps }, ref: ForwardedRef<View>) => {
    return (
      <View ref={ref} {...restProps}>
        {children}
      </View>
    );
  },
);

Box.displayName = 'Box';