invyone/frontend/lib/registry/components/v2-table-search-widget/TableSearchContainerWrapper.tsx

"use client";

import React from "react";
import { TableSearchWidget } from "./TableSearchWidget";
import "./table-search-widget-responsive.css";

/**
 * v2-table-search-widget 반응형 래퍼 (2026-04-10, Phase 1 Step 6)
 *
 * 내부 TableSearchWidget 은 일절 수정하지 않는다. 래퍼 div 에 container-query
 * CSS 클래스만 부여하고, table-search-widget-responsive.css 의 @container 쿼리가
 * 카드 컨테이너 너비에 따라 내부 레이아웃(flex-row ↔ flex-col)을 자동 전환한다.
 */
export const TableSearchContainerWrapper: React.FC<any> = (props) => {
  return (
    <div className="v2-tsw-responsive-root">
      <TableSearchWidget {...props} />
    </div>
  );
};

TableSearchContainerWrapper.displayName = "TableSearchContainerWrapper";