"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Input = 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 helpers_1 = require("../../utils/helpers");
const TextInput_1 = tslib_1.__importDefault(require("../TextInput"));
const brandSecondary = (0, theme_toolkit_1.getTheme)('brand.secondary.main');
const largeSpacing = (0, theme_toolkit_1.getTheme)('spacing.xl');
const largeRadius = (0, theme_toolkit_1.getTheme)('borderRadius.xl');
const wrapperHeight = 56;
exports.Wrapper = native_1.default.View `
  flex-direction: row;
  flex: 1;
  height: ${({ height }) => (!!height && `${height}px`) || `${wrapperHeight}px`};
  align-items: center;
  justify-content: center;
  padding-horizontal: ${({ inputPadding }) => (!!inputPadding && inputPadding) || largeSpacing}px;
  border-radius: ${largeRadius}px;
  ${({ hasShadow }) => (hasShadow ? (0, helpers_1.getShadow)() : {})}
`;
exports.Input = (0, native_1.default)(TextInput_1.default).attrs((props) => ({
    iconColor: `${props.iconColor || brandSecondary}`,
    iconTouchableEnabled: true,
    iconSize: props.iconSize || 26,
})) `
  width: 100%;
  padding: 0;
  height: ${({ inputHeight }) => (!!inputHeight && inputHeight) || '90%'};
`;
//# sourceMappingURL=styles.js.map