1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
import React from "react"; type Props = { children: React.ReactNode; className?: string; }; export default function BorderedContainer({ children, className }: Props) { return ( <div className={`bg-white border-2 border-blue-600 rounded-xl p-4 ${className}`} > {children} </div> ); }