import styled from 'styled-components/native';
import { getTheme } from '../../utils/helpers';
import Typography from '../Typography';
const smallerSpacing = getTheme('spacing.xs');
const disabled = getTheme('text.light');
export const OptionsWrapper = styled.View `
  margin-top: ${({ marginTop }) => marginTop || 0}px;
  margin-bottom: ${({ marginBottom }) => marginBottom || 0}px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
`;
export const Line = styled.View `
  width: 33%;
  height: 1px;
  background-color: ${disabled}90;
`;
export const DividerText = styled(Typography) `
  padding: ${smallerSpacing}px;
  color: ${disabled}90;
  font-weight: bold;
`;
//# sourceMappingURL=styles.js.map