Function EntityContainer

src/components/entity-components.tsx:90–108

({
  children,
  header,
  search,
  pagination,
}: EntityContainerProps)

};

export const EntityContainer = ({
  children,
  header,
  search,
  pagination,
}: EntityContainerProps) => {
  return (
    <div className="p-4 md:px-10 md:py-6 h-full">
      <div className="mx-auto max-w-screen-xl w-full flex flex-col gap-y-8 h-full">
        {header}
        <div className="flex flex-col gap-y-4 h-full">
          {search}
          {children}
        </div>
        {pagination}
      </div>
    </div>
  )
};

interface EntitySearchProps {
  value: string;