import type { ReactNode } from 'react';

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

export default InstagramMainDesktopSidebarShell;
