/**
 * Content wrapper component for CreateRequest
 */

import { AnimatePresence } from 'framer-motion';
import { ReactNode } from 'react';

interface CreateRequestContentProps {
  children: ReactNode;
}

export function CreateRequestContent({ children }: CreateRequestContentProps) {
  return (
    <div
      className="flex-1 overflow-y-auto pb-24 sm:pb-4"
      data-testid="create-request-content"
    >
      <div className="max-w-6xl mx-auto p-3 sm:p-6 pb-6 sm:pb-6">
        <AnimatePresence mode="wait">{children}</AnimatePresence>
      </div>
    </div>
  );
}

