import styled, { css } from "styled-components";
import { List } from "../List";
import { ScrollShadow } from "../ScrollShadow";
import { StyledOption } from "../Select/Option/Styles";
export const StyledAutocompleteScrollShadow = styled(ScrollShadow).withConfig({
  displayName: "Styles__StyledAutocompleteScrollShadow",
  componentId: "sc-1bc1vz9-0"
})(["margin-top:4px;", ""], props => props.$isHidden && css(["", ";"], {
  "display": "none"
}));
StyledAutocompleteScrollShadow.displayName = "StyledAutocompleteScrollShadow";
export const StyledAutocompleteBody = styled(List).withConfig({
  displayName: "Styles__StyledAutocompleteBody",
  componentId: "sc-1bc1vz9-1"
})(["max-height:340px;overflow:auto;margin-bottom:6px;"]);
StyledAutocompleteBody.displayName = "StyledAutocompleteBody";
export const StyledAutocompleteNewItem = styled(StyledOption).withConfig({
  displayName: "Styles__StyledAutocompleteNewItem",
  componentId: "sc-1bc1vz9-2"
})(["", ";justify-content:start;&:before{content:\"+ \";margin-right:4px;}", ""], {
  "cursor": "pointer",
  "userSelect": "none"
}, props => props.hover && css(["background-color:var(--color-theme-200);content:\"+ \";"]));
StyledAutocompleteNewItem.displayName = "StyledAutocompleteNewItem";
//# sourceMappingURL=Styles.js.map