@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
30 lines (26 loc) • 795 B
JavaScript
import { forwardRef } from 'react';
import styled, { css } from 'styled-components';
import { jsx } from 'react/jsx-runtime';
const ContentWrapper = styled.div.withConfig({
displayName: "PopoverContent__ContentWrapper",
componentId: "sc-vwww9h-0"
})(({
theme
}) => {
return css(["padding:0 ", " 0 ", ";&:first-child{padding-top:", ";}&:last-child{padding-bottom:", ";}"], theme.spacings.right, theme.spacings.left, theme.spacings.top, theme.spacings.bottom);
});
const PopoverContent = /*#__PURE__*/forwardRef(function PopoverContent({
children,
...rest
}, ref) {
const props = {
...rest,
ref
};
return /*#__PURE__*/jsx(ContentWrapper, {
...props,
children: children
});
});
// PopoverContent.displayName = 'eds-popover-content'
export { PopoverContent };