Allow classname prop for WpAdminContainer (#182)

packages/js/shared-ui/components/wp-admin-container.tsx

@@ -1,17 +1,29 @@
+import { cn } from '@wpsocio/ui-components';
+
 export type WpAdminContainerProps = {
 	children?: React.ReactNode;
 	sidebar: React.ReactNode;
+	wrapperClassName?: string;
 };
 
-export function WpAdminContainer({ children, sidebar }: WpAdminContainerProps) {
+export function WpAdminContainer({
+	children,
+	sidebar,
+	wrapperClassName,
+}: WpAdminContainerProps) {
 	return (
 		<>
 			<style>
 				{
 					'#wpcontent { padding-left: 0 !important; padding-right: 0 !important; }'
 				}
 			</style>
-			<div className="flex flex-col md:flex-row gap-4 p-3 sm:p-6">
+			<div
+				className={cn(
+					'flex flex-col md:flex-row gap-4 p-3 sm:p-6',
+					wrapperClassName,
+				)}
+			>
 				<div className="md:basis-2/3 xl:basis-3/4 shrink-0">{children}</div>
 				<div className="md:basis-1/3 xl:basis-1/4">{sidebar}</div>
 			</div>