// src/components/ui/Toolbar.tsx
'use client';

import { ReactNode } from 'react';

interface ToolbarProps {
  leftActions?: ReactNode;
  rightActions?: ReactNode;
  className?: string;
}

export default function Toolbar({ leftActions, rightActions, className = '' }: ToolbarProps) {
  return (
    <div className={`flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 sm:gap-4 ${className}`}>
      <div className="flex flex-wrap gap-2 min-w-0">{leftActions}</div>
      <div className="flex flex-wrap gap-2 min-w-0">{rightActions}</div>
    </div>
  );
}