@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
30 lines (26 loc) • 733 B
JavaScript
import { motion } from 'motion/react';
import styled, { css } from 'styled-components';
export const StyledMotionDelayedDropdownContent = styled(motion.div)`
position: absolute;
height: fit-content;
width: fit-content;
top: ${({
$coordinates
}) => $coordinates.y}px;
left: ${({
$coordinates
}) => $coordinates.x}px;
transform: ${({
$transform
}) => `translate(${$transform.x}, ${$transform.y})`};
${({
$shouldHideContent
}) => $shouldHideContent ? css`
visibility: hidden;
pointer-events: none;
z-index: -1;
` : css`
z-index: 15;
`}
`;
//# sourceMappingURL=DelayedDropdownContent.styles.js.map