/** * Props for the `useResponsiveColumns` hook. * `useResponsiveColumns` フックのプロパティ。 */ export interface UseResponsiveColumnsProps { /** The minimum width for each column in pixels. / 各カラムの最小幅(ピクセル単位)。 */ minColumnWidth?: number; /** The default number of columns to display when not in responsive mode. / レスポンシブモードでない場合に表示するデフォルトのカラム数。 */ defaultColumns?: number; /** The maximum number of columns allowed. / 許容される最大カラム数。 */ maxColumns?: number; /** The minimum number of columns allowed. / 許容される最小カラム数。 */ minColumns?: number; /** The current column widths to consider for responsive calculation. / レスポンシブ計算で考慮する現在のカラム幅。 */ currentColumnWidths?: Record; } /** * The return value of the `useResponsiveColumns` hook. * `useResponsiveColumns` フックの戻り値。 */ export interface UseResponsiveColumnsReturn { /** The calculated number of columns for the current screen width. / 現在の画面幅に対して計算されたカラム数。 */ responsiveColumnCount: number; /** A boolean indicating if responsive mode is currently active. / レスポンシブモードが現在アクティブかどうかを示すブール値。 */ isResponsiveMode: boolean; /** The current width of the screen in pixels. / 現在の画面幅(ピクセル単位)。 */ screenWidth: number; /** A function to toggle responsive mode on and off. / レスポンシブモードのオン/オフを切り替える関数。 */ toggleResponsiveMode: () => void; } /** * A custom hook that determines the number of columns for a responsive layout. * It listens to screen resize events and calculates the column count based on the available width. * * レスポンシブレイアウトのカラム数を決定するカスタムフック。 * 画面のリサイズイベントをリッスンし、利用可能な幅に基づいてカラム数を計算します。 * @param {UseResponsiveColumnsProps} [props={}] - Configuration properties for the hook. * @returns {UseResponsiveColumnsReturn} An object containing the calculated column count and related state. */ export declare const useResponsiveColumns: ({ minColumnWidth, defaultColumns, maxColumns, minColumns, currentColumnWidths }?: UseResponsiveColumnsProps) => UseResponsiveColumnsReturn; //# sourceMappingURL=useResponsiveColumns.d.ts.map