"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledIcon = exports.Subtitle = exports.Title = exports.TextWrapper = exports.ContentWrapper = exports.Wrapper = void 0;
const tslib_1 = require("tslib");
const native_1 = tslib_1.__importDefault(require("styled-components/native"));
const theme_toolkit_1 = require("@platformbuilders/theme-toolkit");
const Icon_1 = tslib_1.__importDefault(require("../Icon"));
const Typography_1 = tslib_1.__importDefault(require("../Typography"));
const isThemePrimary = (0, theme_toolkit_1.ifStyle)('isThemePrimary');
const isIOSPlatform = (0, theme_toolkit_1.ifStyle)('isIOSPlatform');
const spacingXs = (0, theme_toolkit_1.getTheme)('spacing.xs');
const spacingSm = (0, theme_toolkit_1.getTheme)('spacing.sm');
const spacingMd = (0, theme_toolkit_1.getTheme)('spacing.md');
const getThemePrimaryContrastTextColor = (props) => isThemePrimary((0, theme_toolkit_1.getTheme)('brand.primary.contrast')(props), (0, theme_toolkit_1.getTheme)('info.contrast')(props))(props);
const getThemePrimaryContrastBackgroundColor = (props) => isThemePrimary((0, theme_toolkit_1.getTheme)('brand.primary.main')(props), (0, theme_toolkit_1.getTheme)('background.z4')(props))(props);
exports.Wrapper = native_1.default.View `
  ${isIOSPlatform(`overflow: hidden; padding-bottom: ${spacingXs}px;`, '')};
`;
exports.ContentWrapper = native_1.default.View `
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-horizontal: ${spacingMd}px;
  padding-vertical: ${spacingMd}px;
  height: 64px;
  background-color: ${getThemePrimaryContrastBackgroundColor};
  ${isIOSPlatform('', 'elevation: 3;')};
`;
exports.TextWrapper = native_1.default.View `
  flex: 1;
  align-items: center;
`;
exports.Title = (0, native_1.default)(Typography_1.default).attrs({
    variant: 'lg',
}) `
  color: ${getThemePrimaryContrastTextColor};
  font-weight: bold;
`;
exports.Subtitle = (0, native_1.default)(Typography_1.default).attrs({
    variant: 'sm',
}) `
  color: ${getThemePrimaryContrastTextColor};
  margin-top: ${spacingSm}px;
`;
exports.StyledIcon = (0, native_1.default)(Icon_1.default).attrs((props) => ({
    color: getThemePrimaryContrastTextColor(props),
})) ``;
//# sourceMappingURL=styles.js.map