type OwnerSectionHeaderProps = {
  title: string;
  action?: React.ReactNode;
};

export function OwnerSectionHeader({ title, action }: OwnerSectionHeaderProps) {
  return (
    <div className="relative flex items-center justify-between gap-4 border-b border-neutral-40 px-5 py-4">
      <div className="absolute top-1/2 left-0 h-5 w-1 -translate-y-1/2 rounded-r-sm bg-primary-500" />
      <h2 className="text-l-medium pl-3 text-neutral-100">{title}</h2>
      {action}
    </div>
  );
}