import React , { memo , forwardRef } from 'react' ; import { Platform } from 'react-native' ; import { usePropsResolution } from '../../../hooks/useThemeProps' ; import Box from './../../primitives/Box' ; import type { IDividerProps } from './types' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; const Divider = ( props , ref ? ) => { const { orientation , ... resolvedProps } = usePropsResolution ( 'Divider' , props , { } , { resolveResponsively : [ 'thickness' ] } ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return ( < Box { ... resolvedProps } ref = { ref } aria - orientation = { orientation } accessibilityRole = { Platform . OS === 'web' ? 'separator' : undefined } / > ) ; } ; export default memo ( forwardRef ( Divider ) ) ;