import { Screen, View, Text, Divider, Card } from '../index'; export const DividerExamples = () => { return ( Divider Examples {/* Horizontal Dividers */} Horizontal Dividers Content above Content below Content above Content below Content above Content below {/* Divider Variants */} Variants Solid divider Content below Dashed divider Content below Dotted divider Content below {/* Divider Thickness */} Thickness Thin divider Content below Medium divider Content below Thick divider Content below {/* Divider Intents */} Intents Primary divider Content below Neutral divider Content below Neutral divider Content below Success divider Content below Error divider Content below Warning divider Content below Info divider Content below {/* Divider Spacing */} Spacing No spacing Content immediately after Small spacing Content with small spacing Medium spacing Content with medium spacing Large spacing Content with large spacing {/* Divider with Content */} With Content Content above OR Content below Content above SECTION Content below {/* Vertical Dividers */} Vertical Dividers Left Center Right {/* Custom Length */} Custom Length Auto length Content below Full length Content below 50% length Content below ); };