ente/src/components/ExportInit.tsx

import { DeadCenter } from 'pages/gallery';
import React from 'react';
import { Button } from 'react-bootstrap';
import constants from 'utils/strings/constants';

interface Props {
    show: boolean;
    onHide: () => void;
    updateExportFolder: (newFolder: string) => void;
    exportFolder: string;
    startExport: () => void;
    exportSize: string;
    selectExportDirectory: () => void;
}
export default function ExportInit(props: Props) {
    return (
        <>
            <DeadCenter>
                <Button
                    variant="outline-success"
                    size="lg"
                    style={{
                        padding: '6px 3em',
                        margin: '0 20px',
                        marginBottom: '20px',
                        flex: 1,
                        whiteSpace: 'nowrap',
                    }}
                    onClick={props.startExport}>
                    {constants.START}
                </Button>
            </DeadCenter>
        </>
    );
}