import {View} from 'react-native'

import {atoms as a, useTheme, type ViewStyleProp} from '@/sprinkles'

// explicit 1pt avoids hairline borders rounding away on sub-pixel offsets
const line = {borderTopWidth: 1}

export function Divider({style}: {style?: ViewStyleProp}) {
  const t = useTheme()
  return (
    <View
      style={[a.w_full, line, t.atoms.border_contrast_low, style]}
    />
  )
}
