@coinmeca/ui
Version:
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
41 lines • 1.69 kB
JSX
"use client";
import { motion } from "motion/react";
import Style from "./InnerContent.styled";
export default function InnerContent(props) {
const initial = 0;
const init = (padding) => {
switch (typeof padding) {
case "string":
return initial;
case "number":
return padding;
default:
return undefined;
}
};
const padding = typeof props?.padding === "number"
? {
top: props?.padding,
right: props?.padding,
bottom: props?.padding,
left: props?.padding,
}
: {
top: (props?.padding && typeof props?.padding[0] !== "string" && props?.padding[0]) || initial,
right: (props?.padding && (props?.padding?.length > 1 ? init(props?.padding[1]) : init(props?.padding[0]))) ||
initial,
bottom: (props?.padding && (props?.padding?.length > 2 ? init(props?.padding[2]) : init(props?.padding[0]))) ||
initial,
left: (props?.padding &&
(props?.padding?.length > 3
? init(props?.padding[3])
: props?.padding?.length > 1
? init(props?.padding[1])
: init(props?.padding[0]))) ||
initial,
};
return (<Style $scroll={props?.scroll} $padding={padding} style={props?.style} as={motion.div} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ ease: "easeInOut", duration: 0.15 }}>
{props?.children}
</Style>);
}
//# sourceMappingURL=InnerContent.jsx.map