import { View } from '@tarojs/components'
import { useSystemLayout } from '@/hooks/useSystemLayout'
import './index.scss'

export function SafeAreaBottom() {
  const { safeBottom } = useSystemLayout()
  return <View className='safe-area-bottom' style={{ height: `${Math.max(8, safeBottom)}px` }} />
}

export default SafeAreaBottom

