helper to dismiss the keyboard on React Native when click on the view

DismissKeyboardView.tsx

import { StyledComponent } from 'nativewind'
import React from 'react';
import { TouchableWithoutFeedback, Keyboard, View } from 'react-native';

interface DismissKeyboardViewProps {
  children: React.ReactNode
  className?: string
}

export function DismissKeyboardView({children, ...props}: DismissKeyboardViewProps) {
  return (
    <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()} accessible={false}>
      <StyledComponent component={View} {...props}>
        {children}
      </StyledComponent>
    </TouchableWithoutFeedback>
  )
}