import React , { memo } from 'react' ; import { StyledGroupHeader } from './styled' ; export const ListGroupHeader = memo ( ( { className , style , value , ... rest } ) => ( < StyledGroupHeader { ... rest } tabIndex = { - 1 } onMouseDown = { preventFocus } aria - hidden = { true } />)); function preventFocus ( event ) { event . preventDefault ( ) ; } ListGroupHeader . displayName = 'ListGroupHeader' ;