import { Button } from '@/shared/Button';
import { MinervaPlugin } from '@/types/models';

export interface Props {
  plugin: MinervaPlugin;
}

export const LoadPlugin = ({ plugin }: Props): JSX.Element => {
  const handleLoadPlugin = (): void => {
    // TODO: handleLoadPlugin
  };

  return (
    <div className="flex w-full items-center justify-between">
      <span className="text-cetacean-blue">{plugin.name}</span>
      <Button
        variantStyles="secondary"
        className="h-10 self-end rounded-e rounded-s"
        onClick={handleLoadPlugin}
      >
        Load
      </Button>
    </div>
  );
};