"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const styleh_components_1 = require("styleh-components");
// import { PasswordIcon } from '@skava/ui'
const PasswordIcon_1 = require("./PasswordIcon");
// this may be needed to position inside of input
// top: rem(13);
// position: absolute;
// right: rem(10);
// bottom: auto;
exports.StyledShowPasswordIcon = styleh_components_1.styled(PasswordIcon_1.PasswordIcon).attrs({
    'data-qa': 'qa-password-showtext',
}) `
  user-select: none;
  cursor: pointer;

  margin: auto;
  height: rem(16);
  color: ${(props) => props.isVisible ? 'purple' : 'pink'};
`;
exports.PasswordPluginWrap = styleh_components_1.styled.div `
  display: flex;
  justify-content: center;
  > * {
    display: inline-flex;
  }
`;
//# sourceMappingURL=styled.js.map