1import { css } from '@emotion/react'; 2import { theme, spacing as themeSpacing } from '@expo/styleguide'; 3 4type SeparatorProps = { 5 spacing?: number; 6}; 7 8export const Separator = ({ spacing }: SeparatorProps) => ( 9 <hr 10 css={css({ 11 marginTop: spacing ?? themeSpacing[4], 12 marginBottom: spacing ?? themeSpacing[6], 13 backgroundColor: theme.border.default, 14 border: 0, 15 height: '0.05rem', 16 })} 17 /> 18); 19