import { Icon } from '../Icon';

interface Props {
    onChooseDirectory: () => void;
}

export const NoDirectoryState = ({ onChooseDirectory }: Props) => (
    <div className="empty-state">
        <div className="empty-state-icon"><Icon.folder /></div>
        <h2 className="empty-state-title">Please select a game folder</h2>
        <button type="button" className="ghost-btn" onClick={onChooseDirectory}>
            <Icon.folder />
            <span>Choose folder</span>
        </button>
    </div>
);