@onwave/ui
Version:
onwave ui library
20 lines • 1.54 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "@emotion/styled";
import React from "react";
import { DynamicLink } from "../DynamicLink";
export var DropdownItem = function (_a) {
var as = _a.as, href = _a.href, children = _a.children, onClick = _a.onClick;
if (href) {
return (React.createElement(DynamicLink, { href: href },
React.createElement(Wrapper, { as: as }, children)));
}
else {
return (React.createElement(Wrapper, { as: as, onClick: onClick }, children));
}
};
var Wrapper = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n background: transparent;\n border: 0;\n width: 100%;\n padding: 6px 20px;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.1s;\n\n &:hover {\n background: #edf2f7;\n }\n &:first-of-type {\n margin-top: 8px;\n }\n &:last-of-type {\n margin-bottom: 8px;\n }\n"], ["\n display: block;\n background: transparent;\n border: 0;\n width: 100%;\n padding: 6px 20px;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.1s;\n\n &:hover {\n background: #edf2f7;\n }\n &:first-of-type {\n margin-top: 8px;\n }\n &:last-of-type {\n margin-bottom: 8px;\n }\n"])));
var templateObject_1;
//# sourceMappingURL=DropdownItem.js.map