import styled from "@emotion/styled";
import { component } from "../../../../engines";
import { popoverConfig, popoverClasses } from "../../../Popover";
import { tokens } from "./DropdownOld.tokens";
// issue #823
var Popover = component(popoverConfig);
export var StyledPopover = /*#__PURE__*/ styled(Popover, {
    target: "e1bwkb5g0",
    label: "StyledPopover"
})(".", String(popoverClasses.target), "{display:block;}");
export var StyledDropdown = /*#__PURE__*/ styled("div", {
    target: "e1bwkb5g1",
    label: "StyledDropdown"
})("box-sizing:border-box;background:var(", tokens.background, ");box-shadow:var(", tokens.boxShadow, ");border-radius:var(", tokens.borderRadius, ");width:var(", tokens.width, ");height:var(", tokens.height, ");padding:var(", tokens.paddingTop, ") var(", tokens.paddingRight, ") var(", tokens.paddingBottom, ")\n        var(", tokens.paddingLeft, ");");
