import styled from "styled-components";
import { component } from "../../../../engines";
import { popoverConfig, popoverClasses } from "../../../Popover";
import { tokens } from "./DropdownOld.tokens";
// issue #823
var Popover = component(popoverConfig);
export var StyledPopover = styled(Popover).withConfig({
    displayName: "Dropdown.styles__StyledPopover",
    componentId: "sc-db78f904-0"
})([
    ".",
    "{display:block;}"
], String(popoverClasses.target));
export var StyledDropdown = styled.div.withConfig({
    displayName: "Dropdown.styles__StyledDropdown",
    componentId: "sc-db78f904-1"
})([
    "box-sizing:border-box;background:var(",
    ");box-shadow:var(",
    ");border-radius:var(",
    ");width:var(",
    ");height:var(",
    ");padding:var(",
    ") var(",
    ") var(",
    ") var(",
    ");"
], tokens.background, tokens.boxShadow, tokens.borderRadius, tokens.width, tokens.height, tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft);
