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