import { View } from "react-native";

/**
 * Inset hairline separator for edge-to-edge list rows. Pass to a FlatList
 * via `ItemSeparatorComponent` so it renders only between rows, not after
 * the last one. Mirrors desktop's <Separator className="mx-4" /> pattern.
 */
export function ListSeparator() {
  return <View className="bg-border mx-4 h-px" />;
}
