@codinix/device-mockup
Version:
Beautiful responsive mockups for phone, tablet, laptop and desktop — React components, no images needed.
6 lines (5 loc) • 667 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import imacStand from "../../assets/imac-stand.png";
export const DesktopMockup = ({ children }) => {
return (_jsxs("div", { className: "flex flex-col items-center gap-0", children: [_jsx("div", { className: "relative w-[890px] h-[500px] rounded-[12px] shadow-[0_30px_60px_rgba(0,0,0,0.3)] border-[15px] rounded-b-none border-t-[22px] border-black bg-black overflow-hidden", children: _jsx("div", { className: "w-full h-full bg-white", children: children }) }), _jsx("img", { src: imacStand, alt: "iMac Stand", className: "w-[900px] mt-[-5px] select-none pointer-events-none touch-none" })] }));
};