"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DividerText = exports.Line = exports.OptionsWrapper = void 0;
const tslib_1 = require("tslib");
const react_native_1 = require("react-native");
const native_1 = tslib_1.__importDefault(require("styled-components/native"));
const theme_toolkit_1 = require("@platformbuilders/theme-toolkit");
const Typography_1 = tslib_1.__importDefault(require("../Typography"));
const smallerSpacing = (0, theme_toolkit_1.getTheme)('spacing.xs');
const disabled = (0, theme_toolkit_1.getTheme)('text.light');
exports.OptionsWrapper = native_1.default.View `
  margin-top: ${({ marginTop }) => marginTop || 0}px;
  margin-bottom: ${({ marginBottom }) => marginBottom || 0}px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
`;
exports.Line = native_1.default.View `
  width: 33%;
  height: ${react_native_1.StyleSheet.hairlineWidth}px;
  background-color: ${disabled}90;
`;
exports.DividerText = (0, native_1.default)(Typography_1.default) `
  padding: ${smallerSpacing}px;
  color: ${disabled}90;
  font-weight: bold;
`;
//# sourceMappingURL=styles.js.map