import React from "react";

export default function SidebarAccounts({ onOpenImport }) {
  return (
    <details className="card collapsible compact-card" open>
      <summary>
        <div className="row-header">
          <div className="row-header-main">
            <h3>Аккаунты</h3>
            <div className="status-caption">Общий импорт</div>
          </div>
          <button
            type="button"
            className="secondary"
            onClick={(event) => {
              event.preventDefault();
              onOpenImport();
            }}
          >
            Открыть импорт
          </button>
        </div>
      </summary>
    </details>
  );
}
