inmake/irth-new-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
inmake
2025-05-23 17:14:41 +05:00
parent ac811f8b44
commit 7e343d0992
5 changed files with 616 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/images/test.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 453 KiB

src/components/TestComponent.tsx
+43
View File
@@ -0,0 +1,43 @@
import { rooms } from "../data/room-masks/dubai-marina";
const TestComponent = (props: React.SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 632 467.5"
className="w-full h-full"
{...props}
>
<image
// width={1264}
// height={935}
transform="scale(.5)"
xlinkHref="/images/test.png"
/>
{rooms.map((room) => (
<g
key={room.id}
data-name={room.id}
className="fill-transparent hover:fill-[#00BED7]/40 isolate cursor-pointer transition-colors"
onClick={() => {
console.log(room.text.unitNumber);
}}
>
<path d={room.path} />
<text
transform={`translate(${room.text.x} ${room.text.y})`}
className="fill-white text-[9px] select-none"
textAnchor="middle"
>
<tspan x={0} y={0}>
{room.text.unitNumber}
</tspan>
<tspan x={0} y={15}>
{room.text.unitType}
</tspan>
</text>
</g>
))}
</svg>
);
export default TestComponent;
src/data/room-masks/dubai-marina.ts
+212
View File
@@ -0,0 +1,212 @@
export const rooms = [
{
id: 1,
path: "M40.81 288.95h-16.7c-.55 0-1-.45-1-1v-6.52c0-.55-.45-1-1-1h-5.74c-.55 0-1-.45-1-1v-92.56c0-.55.45-1 1-1h5.78c.55 0 1-.45 1-1v-8.31c0-.55.45-1 1-1h17.34c.55 0 1 .45 1 1v2.5c0 .55.45 1 1 1h46.35c.55 0 1-.45 1-1v-3.38c0-.55.45-1 1-1h34.77c.55 0 1 .45 1 1v45.53c0 .55.45 1 1 1h7.35c.55 0 1 .45 1 1v17.28c0 .55.45 1 1 1h15.5c.55 0 1 .45 1 1v43.27c0 .55-.45 1-1 1h-5.21c-.55 0-1 .45-1 1v7.83c0 .55-.45 1-1 1h-20.77c-.55 0-1-.45-1-1v-3.39c0-.55-.45-1-1-1H91.79c-.55 0-1-.45-1-1v-3.85c0-.55-.45-1-1-1H42.81c-.55 0-1 .45-1 1v1.61c0 .55-.45 1-1 1Z",
text: {
x: 85,
y: 232,
unitNumber: "1",
unitType: "qwe",
},
},
{
id: 2,
path: "M55.26 380.44H5.31c-.55 0-1-.45-1-1v-84.9c0-.55.45-1 1-1h106.12c.55 0 1 .45 1 1v7.76c0 .55.45 1 1 1h7.72c.55 0 1 .45 1 1v20.02c0 .55-.45 1-1 1h-15.92c-.55 0-1 .45-1 1v10.4c0 .55-.45 1-1 1h-8.72c-.55 0-1 .45-1 1v8.03c0 .55-.45 1-1 1H57.26c-.55 0-1 .45-1 1v30.68c0 .55-.45 1-1 1Z",
text: {
x: 56,
y: 315,
unitNumber: "2",
unitType: "1 BR² — B",
},
},
{
id: 3,
path: "M58.6 381.25v-21.73c0-.55.45-1 1-1h15.96c.55 0 1-.45 1-1v-6.04c0-.55.45-1 1-1h27.58c.55 0 1-.45 1-1v-20.43c0-.55.45-1 1-1h40.56c.55 0 1 .45 1 1v7.82c0 .55.45 1 1 1h3.76c.55 0 1 .45 1 1v42.39c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1v47.49c0 .5.4.9.9.9s.9.4.9.9v19.71c0 .27-.11.54-.31.72l-9.29 8.85a9 9 0 0 1-8.53 2.18l-52.8-14.11a1 1 0 0 0-.26-.03H60.46c-.55 0-1-.45-1-1v-16.29c0-.55.45-1 1-1h1.59c.55 0 1-.45 1-1v-47.34c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1Z",
text: {
x: 107,
y: 390,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 4,
path: "M161.1 338.37h-3.25c-.55 0-1 .45-1 1v92.26h-1.17c-.41 0-.74.33-.74.74v17.24c0 .55.45 1 1 1h6.3c.17 0 .34.04.49.13l24.9 13.9a8.01 8.01 0 0 0 9.56-1.33l13.06-12.4a1 1 0 0 0 .29-.71V339.37c0-.55-.45-1-1-1h-6.55c-.55 0-1-.45-1-1v-8.3c0-.55-.45-1-1-1h-37.88c-.55 0-1 .45-1 1v8.31c0 .55-.45 1-1 1Z",
text: {
x: 183,
y: 390,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 5,
path: "M213.32 338.37h3.38c.55 0 1-.45 1-1v-8.31c0-.55.45-1 1-1h38.33c.55 0 1 .45 1 1v8.3c0 .55.45 1 1 1h6.08c.55 0 1 .45 1 1v92.25h1.8v18.73s.11 3.35 0 3.46l-10.27 9.5a8.01 8.01 0 0 1-9.56 1.33l-24.9-13.9c-.15-.08-.32-.13-.49-.13h-9.38c-.55 0-1-.45-1-1V339.36c0-.55.45-1 1-1Z",
text: {
x: 239,
y: 390,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 6,
path: "M268.37 381.25v-21.73c0-.55.45-1 1-1h15.52c.55 0 1-.45 1-1v-6.04c0-.55.45-1 1-1h28.02c.55 0 1-.45 1-1v-20.43c0-.55.45-1 1-1h40.56c.55 0 1 .45 1 1v7.82c0 .55.45 1 1 1h3.76c.55 0 1 .45 1 1v42.39c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1v47.49c0 .5-.04.9.46.9s.9.4.9.9v19.71c0 .27-.11.54-.31.72l-8.85 8.85a9 9 0 0 1-8.53 2.18l-52.8-14.11a1 1 0 0 0-.26-.03h-18.33c-.55 0-1-.45-1-1v-16.29c0-.55.45-1 1-1s.75-.45.75-1v-47.34c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1Z",
text: {
x: 316,
y: 390,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 7,
path: "M371.29 338.37h-3.25c-.55 0-1 .45-1 1v92.26h-1.17c-.41 0-.74.33-.74.74v17.24c0 .55.45 1 1 1h6.3c.17 0 .34.04.49.13l24.9 13.9a8.01 8.01 0 0 0 9.56-1.33l13.06-12.4a1 1 0 0 0 .29-.71V339.37c0-.55-.45-1-1-1h-6.55c-.55 0-1-.45-1-1v-8.3c0-.55-.45-1-1-1H373.3c-.55 0-1 .45-1 1v8.31c0 .55-.45 1-1 1Z",
text: {
x: 393,
y: 390,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 8,
path: "M423.5 338.37h3.38c.55 0 1-.45 1-1v-8.31c0-.55.45-1 1-1h38.33c.55 0 1 .45 1 1v8.3c0 .55.45 1 1 1h6.08c.55 0 1 .45 1 1v92.25h1.8v18.73s.11 3.35 0 3.46l-10.27 9.5a8.01 8.01 0 0 1-9.56 1.33l-24.9-13.9c-.15-.08-.32-.13-.49-.13h-9.38c-.55 0-1-.45-1-1V339.36c0-.55.45-1 1-1Z",
text: {
x: 451,
y: 397,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 9,
path: "M483.58 337.26v-9.76h42.64v22.41h30V358h17.46v24.14h-4.02v48.93h4.12v18.59l-11.74 12.61a8.01 8.01 0 0 1-7.98 2.26l-53.9-14.87h-19.7v-18.59h1.67v-49h-3.95v-44.79h5.4Z",
text: {
x: 500,
y: 390,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 10,
path: "M576.92 380.43h51.77c.55 0 1-.45 1-1v-85c0-.55-.45-1-1-1H520.87c-.55 0-1 .45-1 1v7.87c0 .55-.45 1-1 1h-7.41c-.55 0-1 .45-1 1v20.02c0 .55.45 1 1 1h15.92c.55 0 1 .45 1 1v10.5c0 .55.45 1 1 1h8.72c.55 0 1 .45 1 1v7.94c0 .55.45 1 1 1h34.82c.55 0 1 .45 1 1v30.68c0 .55.45 1 1 1Z",
text: {
x: 570,
y: 316,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 11,
path: "M495.64 241.6h-17.41v45.48h7.19v10.13h22.29v-4.45h12.26v-1.33h22.81v-6.06h47.75v4.76h18.55v-9.82h8.52v-46.33H495.63v7.62Z",
text: {
x: 495,
y: 260,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 12,
path: "M495.64 223.94h-17.41v-44.9h7.19v-10.13h22.29v4.45h12.26v1.33h22.81v6.06h47.75v-4.76h18.55v9.82h8.52v45.75H495.63v-7.62Z",
text: {
x: 495,
y: 200,
unitNumber: "####",
unitType: "##########",
},
},
{
id: 13,
path: "M576.92 85.4h51.77c.55 0 1 .45 1 1v84.99c0 .55-.45 1-1 1h-107.5c-.55 0-1-.45-1-1v-7.86c0-.55-.45-1-1-1h-7.73c-.55 0-1-.45-1-1v-20.02c0-.55.45-1 1-1h15.92c.55 0 1-.45 1-1l-.04-10.95c0-.55.45-1 1-1h8.37c.55 0 1-.44 1-1l.04-7.86c0-.55.45-.99 1-.99h35.18c.55 0 1-.45 1-1V86.4c0-.55.45-1 1-1Z",
text: {
x: 555,
y: 85,
unitNumber: "709",
unitType: "1 BR",
},
},
{
id: 14,
path: "M483.58 128.54v9.76h42.64v-22.41h30v-8.08h17.46V83.67h-4.02V34.74h4.12V16.15L562.04 3.54a8.01 8.01 0 0 0-7.98-2.26l-53.9 14.87h-19.7v18.59h1.67v49h-3.95v44.79h5.4Z",
text: {
x: 500,
y: 85,
unitNumber: "708",
unitType: "1 BR",
},
},
{
id: 15,
path: "M423.5 128.98h3.38c.55 0 1 .45 1 1v8.31c0 .55.45 1 1 1h38.33c.55 0 1-.45 1-1v-8.3c0-.55.45-1 1-1h6.08c.55 0 1-.45 1-1V35.73h1.8V17s.11-3.35 0-3.46l-10.27-9.5a8.01 8.01 0 0 0-9.56-1.33l-24.9 13.9c-.15.08-.32.13-.49.13h-9.38c-.55 0-1 .45-1 1v110.24c0 .55.45 1 1 1Z",
text: {
x: 445,
y: 85,
unitNumber: "707",
unitType: "1 BR",
},
},
{
id: 16,
path: "M371.29 128.98h-3.25c-.55 0-1-.45-1-1V35.73h-1.17c-.41 0-.74-.33-.74-.74V17.75c0-.55.45-1 1-1h6.3c.17 0 .34-.04.49-.13l24.9-13.9a8.01 8.01 0 0 1 9.56 1.33l13.06 12.4c.19.19.29.44.29.71v110.83c0 .55-.45 1-1 1h-6.55c-.55 0-1 .45-1 1v8.3c0 .55-.45 1-1 1H373.3c-.55 0-1-.45-1-1v-8.31c0-.55-.45-1-1-1Z",
text: {
x: 390,
y: 85,
unitNumber: "706",
unitType: "1 BR",
},
},
{
id: 17,
path: "M268.37 85.09v21.73c0 .55.45 1 1 1h15.52c.55 0 1 .45 1 1v6.04c0 .55.45 1 1 1h28.02c.55 0 1 .45 1 1v20.43c0 .55.45 1 1 1h40.56c.55 0 1-.45 1-1v-7.82c0-.55.45-1 1-1h3.76c.55 0 1-.45 1-1V85.08c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1V35.59c0-.5-.04-.9.46-.9s.9-.4.9-.9V14.08c0-.27-.11-.54-.31-.72l-8.85-8.85a9 9 0 0 0-8.53-2.18l-52.8 14.11c-.08.02-.17.03-.26.03h-18.33c-.55 0-1 .45-1 1v16.29c0 .55.45 1 1 1s.75.45.75 1V83.1c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1Z",
text: {
x: 290,
y: 85,
unitNumber: "705",
unitType: "1 BR",
},
},
{
id: 18,
path: "M213.32 128.98h3.38c.55 0 1 .45 1 1v8.31c0 .55.45 1 1 1h38.33c.55 0 1-.45 1-1v-8.3c0-.55.45-1 1-1h6.08c.55 0 1-.45 1-1V35.73h1.8V17s.11-3.35 0-3.46l-10.27-9.5a8.01 8.01 0 0 0-9.56-1.33l-24.9 13.9c-.15.08-.32.13-.49.13h-9.38c-.55 0-1 .45-1 1v110.24c0 .55.45 1 1 1Z",
text: {
x: 235,
y: 85,
unitNumber: "704",
unitType: "1 BR",
},
},
{
id: 19,
path: "M161.1 128.98h-3.25c-.55 0-1-.45-1-1V35.73h-1.17c-.41 0-.74-.33-.74-.74V17.75c0-.55.45-1 1-1h6.3c.17 0 .34-.04.49-.13l24.9-13.9a8.01 8.01 0 0 1 9.56 1.33l13.06 12.4c.19.19.29.44.29.71v110.83c0 .55-.45 1-1 1h-6.55c-.55 0-1 .45-1 1v8.3c0 .55-.45 1-1 1h-37.88c-.55 0-1-.45-1-1v-8.31c0-.55-.45-1-1-1Z",
text: {
x: 180,
y: 85,
unitNumber: "703",
unitType: "1 BR",
},
},
{
id: 20,
path: "M58.6 85.09v21.73c0 .55.45 1 1 1h15.96c.55 0 1 .45 1 1v6.04c0 .55.45 1 1 1h27.58c.55 0 1 .45 1 1v20.43c0 .55.45 1 1 1h40.56c.55 0 1-.45 1-1v-7.82c0-.55.45-1 1-1h3.76c.55 0 1-.45 1-1V85.08c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1V35.59c0-.5.4-.9.9-.9s.9-.4.9-.9V14.08c0-.27-.11-.54-.31-.72l-9.29-8.85a9 9 0 0 0-8.53-2.18l-52.8 14.11c-.08.02-.17.03-.26.03H60.46c-.55 0-1 .45-1 1v16.29c0 .55.45 1 1 1h1.59c.55 0 1 .45 1 1V83.1c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1Z",
text: {
x: 85,
y: 85,
unitNumber: "702",
unitType: "1 BR",
},
},
{
id: 21,
path: "M55.26 85.4H5.31c-.55 0-1 .45-1 1v84.99c0 .55.45 1 1 1h106.12c.55 0 1-.45 1-1v-7.86c0-.55.45-1 1-1h7.72c.55 0 1-.45 1-1v-20.02c0-.55-.45-1-1-1h-15.92c-.55 0-1-.45-1-1v-10.77c0-.55-.45-1-1-1h-8.72c-.55 0-1-.45-1-1v-8.03c0-.55-.45-1-1-1H57.26c-.55 0-1-.45-1-1V86.4c0-.55-.45-1-1-1",
text: {
x: 85,
y: 85,
unitNumber: "701",
unitType: "1 BR² — B",
},
},
];
src/main.tsx
+5
View File
@@ -15,6 +15,7 @@ import LayoutWithoutFooter from "./layout/LayoutWithoutFooter.tsx";
import { queryClient } from "./lib/queryClient.ts";
import AboutComplexPage from "./pages/AboutComplexPage.tsx";
import UnitTypeItemPage from "./pages/UnitTypeItemPage.tsx";
import TestPage from "./pages/TestPage.tsx";
const route = createBrowserRouter([
{
@@ -63,6 +64,10 @@ const route = createBrowserRouter([
},
],
},
{
path: "/test",
element: <TestPage />,
},
]);
createRoot(document.getElementById("root")!).render(
src/pages/TestPage.tsx
+356
View File
@@ -0,0 +1,356 @@
import TestComponent from "../components/TestComponent";
function TestPage() {
return (
<div className="relative h-screen">
<div className="h-screen left-0 top-0 absolute overflow-hidden">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente
explicabo aut tenetur, minima, at ratione molestias maxime harum nulla,
perspiciatis voluptatibus quas? Earum, ab quam totam quasi explicabo
temporibus ex. Voluptas obcaecati suscipit eius pariatur soluta! Id
voluptate ducimus harum itaque laudantium aliquam voluptatem nulla
repudiandae magni officiis voluptatibus sed autem corrupti natus
impedit, blanditiis labore praesentium ab. Molestias, velit. Laudantium
ducimus reprehenderit ab, est reiciendis nisi suscipit minus natus,
quibusdam expedita nulla quis inventore officia hic ipsum sit ad, quam
facilis doloribus. Accusamus repellat dolores eaque incidunt ab numquam.
Reprehenderit corrupti excepturi iure molestiae perferendis, distinctio
ad? Culpa cum quaerat ipsa tempora totam delectus in, assumenda
laudantium ea provident explicabo cumque minus quos iste, asperiores
tenetur eaque. Quo, enim? Asperiores officiis cupiditate aut ea at
minus, voluptate assumenda, aliquid illo pariatur inventore dolorum
impedit magni dolorem earum, officia ipsa? Non esse culpa illum possimus
recusandae consequatur perspiciatis iure architecto. Sit, voluptas
molestiae dolor fuga nostrum, asperiores doloremque debitis enim
assumenda excepturi cum facilis ipsum illum animi repellendus ducimus ea
adipisci, numquam corrupti consequatur? Dolorum vel nisi vitae facilis
unde! Voluptates non cum autem eius qui deleniti, voluptatem accusamus
ex illum! Error neque ex placeat, ea distinctio ab, dolore officiis at
voluptates saepe reprehenderit odio temporibus quibusdam ipsum, sunt
non. Error soluta aliquid totam iure praesentium pariatur a consequatur
minus recusandae aut et doloribus, necessitatibus officiis cupiditate
dolorum, officia doloremque molestiae, dolores autem voluptates eveniet
quod voluptatibus. Unde, quaerat aliquid! Excepturi hic qui repellendus
rerum necessitatibus ducimus repellat minima rem doloremque impedit
voluptate perferendis, et quo dolores? Labore, commodi! Nobis unde
aperiam quos aspernatur placeat numquam laboriosam mollitia rem odit.
Natus ipsum architecto perferendis voluptatum aspernatur at,
necessitatibus quia. Sed ea aut quas, quaerat odit temporibus nemo
quibusdam voluptate, pariatur doloribus quisquam qui eos sint dolor
laudantium molestias repellat minima! Dolorum, quaerat? Aliquid
asperiores porro alias rem nihil necessitatibus aut eligendi
voluptatibus consectetur optio. Aliquam quidem laudantium cumque ullam
laboriosam? Quisquam recusandae rem repellat! Beatae suscipit quasi sint
eum fuga. Cumque rerum quod cupiditate voluptatum quia, perferendis
doloribus distinctio sapiente quas, accusantium rem dolor adipisci
deleniti unde officiis suscipit nulla eveniet ipsum. Quia et iusto
accusamus provident aperiam aut temporibus. Debitis consequuntur dolores
eveniet eligendi perferendis, ratione sint unde magnam accusamus culpa
laborum illum eius officiis cum deserunt alias, qui, ab voluptatibus
dolor ducimus nulla dignissimos. Quasi perspiciatis nihil rem? At, omnis
enim nobis illo earum magni porro magnam corporis repellendus beatae
saepe, adipisci voluptas dicta quia iure dolor minima exercitationem
dolores placeat reiciendis! Cupiditate molestiae assumenda libero
pariatur dolorum! Quasi eos minus, nostrum tempore aut delectus ad
exercitationem natus maiores sed voluptatem, hic, recusandae consequatur
asperiores possimus sapiente nihil a facilis aliquid velit rem! Illo,
distinctio. Magni, et aliquid! Molestiae eveniet repellat rem
consequuntur nesciunt, impedit ea nam commodi, itaque officia fuga nobis
a ad dolorum nisi omnis quos iusto. Quibusdam accusamus nam laboriosam
culpa exercitationem earum nihil! Ratione. Eaque odit, sed voluptatem
deserunt et reiciendis ducimus voluptatibus in magnam magni. Quis
architecto ab repellat commodi rem incidunt ullam, inventore, laudantium
est vel et voluptate assumenda fugit veritatis similique? Ipsa aperiam
cupiditate odit doloribus ex autem. Adipisci odio nam consequatur
reiciendis dolorem, in doloremque nihil, architecto necessitatibus
beatae incidunt expedita. Dolore sit eveniet tenetur dolores mollitia
totam qui reiciendis. Nemo exercitationem eaque voluptatibus amet facere
autem odio perferendis deserunt, eveniet modi id sit vero nisi
reiciendis, explicabo fugit cupiditate non quam adipisci excepturi
accusantium possimus soluta laboriosam nesciunt? Consectetur. Possimus
explicabo officia aliquid. Cumque perspiciatis animi enim nam minima!
Fuga eaque assumenda dicta obcaecati dolorum vero delectus, repellat
quae. At deleniti repudiandae facere optio quibusdam, saepe alias modi
minima. Iste cumque quasi, fuga, recusandae vel molestiae praesentium
adipisci, hic ipsa enim doloremque minima eaque. Autem modi iusto
accusamus reiciendis! Incidunt, expedita et neque quas sapiente magni ut
at? Quos! Similique voluptatum quam, dolore quae fugiat porro quos
provident dolor magnam natus in consequuntur doloribus tenetur veniam
ipsum eaque eligendi vero placeat ducimus odit esse. Maxime ab
asperiores rerum excepturi. Nisi soluta est veniam sapiente consectetur
iste laboriosam voluptates corrupti minus totam. Commodi quos laborum
earum maiores ipsam itaque, exercitationem reiciendis, enim sequi alias
molestiae modi? Hic veritatis eveniet quod. Iste laudantium incidunt
dicta autem sequi placeat, sit beatae quo, eum facere veniam laboriosam
labore obcaecati? Voluptas aspernatur eos corporis dolores neque
excepturi quas sit ex reiciendis, quis dolorum quo! Eum harum distinctio
hic officiis labore deserunt sint quod dicta odio quae ut incidunt,
temporibus doloremque totam ratione. Obcaecati impedit voluptatibus
quisquam tenetur eius sint officia accusamus natus ut atque! Placeat
necessitatibus doloribus alias non ut vel sit similique eveniet, soluta
nostrum delectus dignissimos saepe culpa exercitationem harum iure
accusamus molestiae eius inventore laborum! Quaerat rem alias aliquid
fugit nisi. Dignissimos natus veritatis consequuntur molestiae enim aut
cumque explicabo odio non quibusdam fugit quisquam, aspernatur nobis,
quasi quidem labore vero animi porro impedit! Tempore assumenda optio
minus iste excepturi nemo? Alias ad non consectetur modi doloremque
possimus! Voluptate delectus unde reiciendis necessitatibus at alias
deleniti non? Sint ex accusantium quae soluta labore quod exercitationem
doloremque tempora, optio id non sit! Recusandae explicabo aspernatur
quibusdam illo commodi error sed dicta deserunt vel expedita laborum
soluta nam iusto quo, debitis eligendi reiciendis dolore velit?
Blanditiis deleniti ex doloremque quis nihil odit quasi! Sequi,
voluptatibus repudiandae sapiente, officia illo unde optio ducimus
officiis exercitationem obcaecati quasi. Corrupti soluta et asperiores
totam ad consequatur ut tenetur, modi rerum iure, ipsam doloremque
ratione animi culpa? Excepturi ullam voluptate soluta saepe ratione
magni sit nulla cum corrupti ad iste illo tempora molestias maxime
omnis, magnam et rerum in animi tenetur quae! Eum animi perferendis
laboriosam dolores? Veritatis possimus qui exercitationem quas quam
corporis aliquid, fugiat, assumenda alias doloremque odit iste, fuga
officiis ducimus laborum vel a? Dolore facere dolor quos, similique nemo
velit nulla ullam repudiandae. Vel, culpa, aliquam pariatur id expedita
numquam iure quisquam repudiandae nisi at temporibus explicabo dolores
reprehenderit. Quae soluta incidunt maiores omnis blanditiis nisi
numquam similique quibusdam vero quaerat, et dignissimos? Consequatur
minima saepe accusamus totam explicabo eius soluta! Fuga earum molestiae
neque eum perferendis reprehenderit voluptatibus velit? Rerum dolorem
nostrum tempore veritatis fugit aut illum doloremque? Error beatae ipsam
nemo! Praesentium atque rerum fuga aperiam asperiores. Animi porro
sequi, voluptate numquam placeat voluptates corrupti consectetur? Eum
quae reiciendis quos quod, deserunt voluptas aut facere at aliquid ullam
excepturi velit dolor. Porro nisi deserunt id quam a suscipit corrupti
soluta? Debitis maiores officia accusantium enim deleniti fugiat rerum
ab necessitatibus laborum, asperiores amet, corporis, ea id officiis
labore veniam! Sit, optio. Nemo nam error, esse ratione doloremque
itaque tempore impedit, dolore, repellendus ea possimus dolor assumenda
officiis expedita dolorum tenetur minus amet? Possimus aliquam veritatis
beatae deleniti odit necessitatibus harum eum? Repellendus error iste
voluptate qui aperiam distinctio perferendis facere corrupti porro,
dolor vel possimus voluptatem laudantium a, esse fugit assumenda amet
autem numquam doloribus accusamus asperiores! Labore, accusantium?
Debitis, accusamus. Temporibus dolores nam nulla eaque dolorem. Ipsum
ipsam, ab aspernatur, commodi reiciendis dolore iure ut eligendi nulla
atque architecto, debitis omnis vero velit eveniet quisquam voluptatibus
voluptate cumque ullam dolores. Deserunt accusantium molestiae
voluptates deleniti minus distinctio maxime ullam magni placeat?
Nesciunt nobis eum quibusdam laboriosam, fugiat quia sapiente quos
voluptatibus possimus? Reiciendis molestias at fuga labore itaque quod
quidem. Adipisci provident animi dolorem! Vitae architecto eum enim
optio fugiat, aliquid quis voluptatibus veritatis corrupti sequi,
asperiores perferendis! Cumque quae aliquam aliquid corporis odio itaque
ipsum tenetur totam quisquam amet! Dolorem vitae beatae voluptatem
cupiditate inventore tempore rem, explicabo repellat veniam corrupti
nesciunt possimus impedit dolor ullam aspernatur earum atque minima. Ea
optio cumque porro veniam error odit assumenda quae! Commodi, nisi velit
perspiciatis aliquid ut quidem accusantium! Cupiditate doloribus id
vitae, facilis, illo tempora fugiat sit quis reiciendis, quod a.
Provident reiciendis maiores, hic ducimus aperiam repellendus officia
sit. Aperiam laboriosam voluptates dolorum labore ab molestiae
praesentium veniam odit sed blanditiis. Quo alias nam facilis, veritatis
voluptatem mollitia eveniet magnam totam doloremque architecto quisquam
quasi tempore voluptatum adipisci saepe. Eos iste tenetur, laboriosam
dolore dolores ullam! Quae adipisci porro quia hic, impedit eligendi
modi accusantium? Adipisci sunt eaque, voluptatibus quos velit quam
beatae aliquam, deleniti ipsum, vel molestias quidem. Voluptas sed dolor
perferendis, expedita ea aliquam blanditiis molestiae incidunt fugit
minima mollitia nihil? Doloremque hic repellat neque voluptates corrupti
facere doloribus, rem architecto labore itaque porro tempora, nisi
harum! Dicta ducimus ipsum, iure recusandae nemo aspernatur. Deleniti
suscipit quia deserunt autem odit nihil iste quae tempore, cupiditate
eius totam corporis adipisci culpa numquam repudiandae veritatis,
laborum aliquid maiores maxime? Porro facilis, ex harum laborum
consectetur non autem commodi aliquid ullam ea distinctio accusantium
praesentium ratione ut error, delectus, magnam inventore excepturi eius?
Amet nihil earum cum facilis hic veritatis. Accusamus obcaecati totam
ipsa facilis sequi ipsam, odit harum delectus explicabo ut, recusandae
quia dolorem unde sapiente! Accusantium tenetur provident earum ducimus
nobis. Voluptatem dolore beatae ea veritatis similique sed. Dolores
accusamus qui, nam minus optio aliquid. Ipsa vitae magnam fuga ex
perspiciatis deleniti laboriosam totam ducimus quis, unde eius
doloremque et repudiandae ea libero incidunt quidem eos magni? Minima!
Soluta libero voluptas itaque aspernatur recusandae doloribus nisi
consequuntur, doloremque fugiat magni, repellat alias voluptatum
assumenda nesciunt nobis, ex eveniet nulla esse? Ex, suscipit. Quos quam
expedita nemo aperiam consectetur! Perspiciatis facere aperiam vitae,
inventore quibusdam esse deserunt accusamus suscipit nemo cupiditate,
repellat quis veniam dolorem sequi nostrum laborum. Nemo tempore quasi
aliquam possimus quae iste reprehenderit quo maiores voluptatem.
Laborum, voluptas id! Similique, recusandae? Laboriosam soluta
doloremque reprehenderit temporibus porro quaerat ipsa excepturi ad.
Maxime eveniet dolor quibusdam, molestias at, officiis blanditiis
aliquam consectetur eligendi, debitis quia porro eaque? Aperiam fuga
architecto eligendi in eum recusandae odio adipisci pariatur repudiandae
corporis sequi nam, vitae soluta vero sapiente facilis sed quos quasi
excepturi distinctio? Natus animi enim facere dolor. Nesciunt.
Laboriosam rerum recusandae ad eius hic earum vitae magni nam.
Blanditiis consequatur illum laborum totam nostrum perferendis esse
officiis sapiente dolorum assumenda! Laudantium laborum distinctio quae
perspiciatis error maxime voluptatem! Corrupti, minus illo id magnam
error, exercitationem voluptate aut laudantium assumenda qui nobis,
eaque consectetur eius. Incidunt dolor, reprehenderit, accusamus quaerat
magnam ab excepturi odio quam ea fugiat ad rerum! Quasi qui aut
quibusdam consequatur. Repellendus magnam consequatur dolores voluptate
eaque corporis minima numquam? Vel quisquam rerum iusto laborum
voluptatibus nisi nobis animi? Beatae ipsa hic exercitationem officia
dignissimos voluptatum. Odio placeat et totam quisquam, rerum delectus,
voluptas vitae nemo velit neque quas iusto! Itaque incidunt praesentium
atque quidem magni voluptatibus voluptas quam possimus. Expedita
distinctio illo quos sit consequuntur? Ratione, eos praesentium iusto
accusantium repellendus debitis, consequuntur asperiores consequatur
illo a autem quo perferendis molestias culpa tenetur ipsum ab
voluptatibus nulla. Aperiam, quas ex delectus quos nulla corporis magni?
Laboriosam voluptates vero corrupti pariatur. Modi quos a exercitationem
culpa. Atque ducimus perspiciatis temporibus? Numquam illum, sapiente
impedit corporis optio aut. A voluptatibus officiis quibusdam maiores
unde animi sint magnam! Repellendus modi at quas error praesentium aut
sed eligendi voluptatibus, sapiente provident eius asperiores, odit eum,
iure maiores quo. Dolor architecto quos repellat repudiandae animi
deserunt reprehenderit voluptates officiis minus. Aliquid, ut!
Asperiores suscipit quasi unde repellat voluptatem optio dolorum, ab
blanditiis porro dolor perferendis illum commodi tenetur alias
recusandae eius ipsum maxime sequi vitae obcaecati deleniti animi
officia. Voluptatem! Assumenda necessitatibus totam possimus ex non
inventore quis dolorum unde dolorem obcaecati esse fuga, omnis quibusdam
consequuntur itaque nam commodi distinctio repellat saepe explicabo
sapiente quam exercitationem quaerat eligendi. Atque? Necessitatibus,
nihil modi possimus qui excepturi, commodi odit quae autem est hic,
dolorem quo maiores consequatur recusandae dolores neque consectetur eum
numquam atque iure! Eius debitis veritatis repellat saepe dolore? Vero
eos, sapiente quas veritatis consequuntur quisquam doloribus
exercitationem vitae laboriosam ipsam repellendus ex nobis placeat
voluptas! At iusto doloremque eos magni eius, odio corrupti! Suscipit
alias fuga tenetur quidem! Ut atque sapiente nobis. Obcaecati earum
debitis amet, libero aspernatur placeat deleniti praesentium officia!
Blanditiis ratione ipsam architecto minus reprehenderit possimus natus
fuga optio dolorem. Soluta eligendi asperiores sapiente veniam.
Consequuntur, quae deserunt harum ut asperiores, maxime necessitatibus
corrupti molestiae eveniet nam tempora unde commodi recusandae optio
odio quos doloremque culpa nesciunt, at et! Alias corporis voluptates
sit exercitationem ipsa? Modi hic accusantium esse dolor porro nostrum
maxime ipsum fuga beatae dolores nulla natus mollitia veniam veritatis
totam, corrupti dolorum repudiandae at. Ea incidunt dolore, distinctio
illo unde debitis libero. Ea sit expedita qui perferendis fugit natus
id! Exercitationem vero facere facilis error natus quod enim odio
aliquid iure, doloremque similique quaerat architecto neque accusamus
porro asperiores ex? Omnis, dolor! Placeat perspiciatis, nesciunt earum
totam esse similique consectetur. Tenetur omnis aliquam dolor deserunt
corrupti excepturi, ab aperiam error molestias asperiores blanditiis
totam enim, officiis ipsa architecto magni neque ut velit! Perspiciatis
quo numquam nisi a quaerat ipsam quod ipsa, aspernatur expedita ducimus
magni molestiae est eius odit, animi ipsum quis modi sapiente obcaecati
vitae consequatur maxime! Quaerat natus repellendus ipsam. Quidem enim
amet modi iste mollitia doloremque architecto. Ratione illo consequuntur
eos error eius esse ea in modi reprehenderit deleniti nostrum reiciendis
exercitationem id, at similique voluptatibus, commodi omnis beatae.
Fugiat fuga alias eum quia natus accusantium dicta ab minus harum
libero. Maiores laboriosam explicabo vel quasi voluptates necessitatibus
ea sit, aspernatur, alias suscipit magni error ad nihil nulla ipsa!
Provident tempora odit exercitationem architecto. Quae qui dolor ex in
nam. Obcaecati esse unde ratione debitis aperiam at eveniet? Facere
repudiandae deserunt ut vel odio, architecto iste sunt optio reiciendis!
Inventore voluptates quam libero modi eligendi. Adipisci, vel? Sit iure
officiis optio dignissimos ratione, quam magnam rem autem at excepturi
perspiciatis voluptate rerum id hic, modi sed nostrum. Libero, quidem?
Odio blanditiis error tempore recusandae deserunt quod odit dolorum eos
voluptatum repudiandae cupiditate vero fugit ullam eius temporibus dicta
cum veritatis, dolore labore eum accusamus maiores repellendus? Quasi,
accusantium accusamus? Rem explicabo, doloremque nostrum quo alias
exercitationem perspiciatis ratione ex aspernatur asperiores rerum
natus, debitis quia ad delectus tempora accusantium temporibus incidunt
dignissimos porro commodi! Odio voluptatum et possimus minus. Quisquam
quibusdam recusandae atque eos repellat quis expedita cum. Facere ex,
blanditiis mollitia voluptatibus error commodi saepe at consectetur,
quaerat fugit aliquid aperiam culpa, repellendus similique dolore ut
ducimus corporis. Incidunt ipsam error quisquam, temporibus, ipsum
accusamus odio asperiores dolore praesentium excepturi repudiandae
libero porro non, molestias iusto obcaecati quod. Cupiditate labore
placeat ex maxime natus, fugiat saepe officiis voluptatibus! Commodi,
quisquam? Consequatur porro cumque assumenda enim accusamus architecto
quaerat cupiditate nisi eum ipsam. Perferendis animi numquam excepturi
tempore, nobis temporibus? Sapiente ratione vitae accusamus atque illo
expedita vero debitis! Nam, doloremque cum, fuga nostrum qui voluptatem
autem eligendi repellendus delectus sit, adipisci cumque debitis labore
tempora optio. A animi odio facilis quibusdam quasi. Assumenda nostrum
quibusdam deserunt sapiente aliquid? Inventore deleniti, sit ipsa
consectetur excepturi voluptatum. Ipsam veniam sunt ad odio, rem sint
eveniet corporis sit impedit voluptates modi earum repellendus nobis
facere, dolorum quae laborum consequatur nisi consequuntur. Alias ex vel
tempore doloribus quae. Culpa quidem magnam dolor voluptatum neque
assumenda, laudantium tenetur placeat facere officia esse! Ad totam quis
sed ipsam cum nesciunt odit provident veniam est. Facere commodi minima
aut quos magnam nam et, assumenda, fuga, perspiciatis aliquam nulla
distinctio quia impedit illum sequi esse similique optio fugiat suscipit
eum labore iure repudiandae unde! Ratione, dolore. Recusandae cum amet
quibusdam reprehenderit sapiente laboriosam, dolores unde facilis,
sequi, eos minima ipsam laudantium enim ullam? Tenetur quasi provident
eius tempore aperiam, libero aliquid mollitia illum ipsa, ex natus. Odio
quas atque reiciendis laudantium. Rerum, consequatur aliquam illum
corporis nulla accusantium consequuntur, voluptas aut inventore
molestias nobis sit perspiciatis ullam fugit tempora dolore itaque nam
perferendis veniam magnam fugiat? Impedit et accusantium esse illo
nostrum optio sapiente, nam unde quam doloremque culpa ipsa blanditiis
numquam nulla modi, dolore voluptas. Assumenda omnis aut aliquam, dolor
fugiat sapiente sit animi distinctio. Aliquam qui molestias dolore
vitae! Quasi fuga nisi vel voluptatem sit quaerat error sunt odit
deleniti quibusdam rem esse, optio tenetur in voluptatum at excepturi
doloribus fugit nesciunt ut voluptatibus. Id sapiente repudiandae nisi
ullam saepe adipisci ipsam molestias impedit? Nulla quod sequi fuga rem
accusamus fugit voluptas voluptatem delectus ipsam dicta id quis
aspernatur, accusantium incidunt ducimus! Molestias, adipisci!
Repudiandae accusamus, repellendus possimus facilis minus adipisci
reprehenderit dignissimos repellat laboriosam alias vero a assumenda in
vel! Atque quam, quos omnis obcaecati accusantium ad facilis culpa eaque
officia natus amet. Adipisci, odio voluptatum nulla tempore corporis
nisi iste dolores quos rerum fugiat ratione necessitatibus veniam qui!
Deleniti dolor, maxime illo at nemo quibusdam facilis doloremque, itaque
molestiae placeat iusto labore! Doloremque, optio, odit error debitis
esse sequi incidunt eaque reiciendis distinctio possimus nesciunt
blanditiis facere! Enim maiores voluptate ea eius saepe libero tempora
laboriosam, reprehenderit illo quisquam sequi consequuntur ex? Hic,
quod. Corrupti numquam voluptas deserunt totam unde consequatur,
voluptatem est, similique dolores, asperiores cumque. Ab iste, repellat
possimus quod magni cum veritatis molestias corporis quam, sed
voluptatibus? Ullam, temporibus! Quam beatae, facilis atque ducimus
eaque veniam dolore fugiat magnam, odit architecto accusantium, ab
tenetur! Officiis reiciendis aut magnam veniam optio suscipit totam
atque dicta inventore! Ab repudiandae vero facilis? Neque consectetur,
qui nemo commodi quod et atque nesciunt voluptatem quaerat quas error
officia eveniet ipsam iste iusto saepe, illo dolore ab recusandae!
Tempore maiores quas numquam distinctio debitis dicta? Soluta saepe
similique quod cupiditate blanditiis sint earum nobis officia assumenda,
sit ipsam officiis laudantium alias labore modi fugit. Dolor amet
eligendi fugit sunt magni officia reiciendis cum. Corporis, molestias!
Possimus voluptatibus recusandae non similique beatae obcaecati
perferendis sed provident doloribus laboriosam? Beatae blanditiis ea
tempora aliquam quos dicta, inventore sint magnam ipsa et nisi maxime
voluptates delectus aperiam id? Cumque maxime magni, ipsam dignissimos
nesciunt modi libero optio, ad quisquam molestiae quidem autem error.
Recusandae assumenda maxime culpa, ratione quo, sapiente aspernatur
consequatur possimus deleniti asperiores hic, corrupti sit. Blanditiis
possimus vero aliquid, aspernatur magnam, tenetur incidunt deleniti ea
veritatis dolorum atque sapiente adipisci! Qui pariatur praesentium
officia laudantium vel modi expedita quis, sequi voluptate nihil
placeat, omnis neque? Eos pariatur quam maxime quos culpa consequatur
voluptates eveniet, soluta, exercitationem, adipisci incidunt natus
necessitatibus dolorem minus autem facilis nihil temporibus odio labore
magni laboriosam rem ad. Assumenda, quibusdam quisquam?
</div>
<div className="max-h-screen w-1/2 right-0 top-0 absolute overflow-y-auto">
<div className="min-h-screen bg-neutral-200 p-8 gap-8 flex flex-col justify-between">
<div className="">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni ex
labore fuga delectus, quae dolores neque iure culpa architecto,
maiores error provident amet doloremque voluptas laboriosam
aliquid quasi in aperiam!
</p>
</div>
<TestComponent />
</div>
</div>
</div>
);
}
export default TestPage;