remix-demo

react router (remix) demo

git clone https://9o.is/git/remix-demo.git

TwoColumnsLayout.tsx

(441B)

      1 import type { ReactNode } from "react";
      2 import CenteredLayout from "./CenteredLayout";
      3 
      4 interface TwoColumnsLayoutProps {
      5   first: ReactNode;
      6   second: ReactNode;
      7 }
      8 
      9 export default function TwoColumnsLayout({
     10   first,
     11   second,
     12 }: TwoColumnsLayoutProps) {
     13   return (
     14     <div className="grid grid-cols-1 gap-10 md:grid-cols-2">
     15       <CenteredLayout>{first}</CenteredLayout>
     16       <CenteredLayout>{second}</CenteredLayout>
     17     </div>
     18   );
     19 }