import React from 'react';
import { PanelLeft } from 'lucide-react';

interface GooseBuiltinInstallerProps {
  extensionName: string;
  description?: string;
}

const GooseBuiltinInstaller: React.FC<GooseBuiltinInstallerProps> = ({
  extensionName,
  description
}) => {
  return (
    <div className="goose-builtin-installer">
      <ol>
        <li>Click the <PanelLeft className="inline" size={16} /> button in the top-left to open the sidebar</li>
        <li>Click <code>Extensions</code> in the sidebar</li>
        <li>Toggle <code>{extensionName}</code> on</li>
      </ol>
    </div>
  );
};

export default GooseBuiltinInstaller;