import styled, { css } from 'styled-components';
import { COMPONENT_SIZE } from '../../Forms';
import { BORDER_RADIUS, StyledOuterWrapper as StyledOuterWrapperBase } from '../../../styled-components/partials/StyledOuterWrapper';
export var StyledOuterWrapper = styled(StyledOuterWrapperBase).withConfig({
  displayName: "StyledOuterWrapper",
  componentId: "sc-djep1b-0"
})(["display:inline-flex;flex-direction:row;", ""], function (_ref) {
  var $hasFocus = _ref.$hasFocus,
    _ref$$size = _ref.$size,
    $size = _ref$$size === void 0 ? COMPONENT_SIZE.FORMS : _ref$$size;
  if ($hasFocus) {
    return css(["border-radius:", " ", " 0 0;box-shadow:unset;"], BORDER_RADIUS[$size], BORDER_RADIUS[$size]);
  }
  return null;
});