import type { ReactNode } from 'react';

const WhatsappMainDesktopSidebarShell = ({
  children,
}: {
  children: ReactNode;
}) => (
  <div className="w-[30%] min-w-[300px] max-w-[420px] shrink-0 flex flex-col border-r border-[var(--tg-divider)] bg-[var(--tg-bg)]">
    {children}
  </div>
);

export default WhatsappMainDesktopSidebarShell;
