"use strict";

exports.__esModule = true;
exports.StyledIcon = exports.Input = exports.IconContainer = exports.Container = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _utils = require("../../theme/utils");
var _margin = _interopRequireDefault(require("../../mixins/margin"));
var _alignItems = _interopRequireDefault(require("../templates/mixins/alignItems"));
var _alignSelf = _interopRequireDefault(require("../../mixins/alignSelf"));
var _icon = require("../icon");
var _disabled = _interopRequireDefault(require("./mixins/disabled"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Input = exports.Input = _styledComponents["default"].input.withConfig({
  displayName: "styled__Input",
  componentId: "sc-11vyiac-0"
})(["&&{height:0;width:0;opacity:0;-moz-appearance:none;margin:0;border:none;}"]);
var Container = exports.Container = _styledComponents["default"].label.withConfig({
  displayName: "styled__Container",
  componentId: "sc-11vyiac-1"
})(["display:flex;flex-direction:row;align-items:center;", " ", " ", " ", ""], _alignItems["default"], _alignSelf["default"], _margin["default"], _disabled["default"]);
var IconContainer = exports.IconContainer = _styledComponents["default"].div.withConfig({
  displayName: "styled__IconContainer",
  componentId: "sc-11vyiac-2"
})(["display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;height:16px;width:16px;box-sizing:border-box;border:1px solid ", ";border-radius:100%;background:", ";", ""], function (props) {
  return (0, _utils.getColor)(props.borderColor)(props);
}, function (props) {
  return (0, _utils.getColor)(props.background)(props);
}, _margin["default"]);
var StyledIcon = exports.StyledIcon = (0, _styledComponents["default"])(_icon.Icon).withConfig({
  displayName: "styled__StyledIcon",
  componentId: "sc-11vyiac-3"
})(["fill:", ";height:8px;width:8px;"], function (props) {
  return (0, _utils.getColor)(props.color)(props);
});