import { Component, ElementRef, ViewChild, OnInit } from '@angular/core';
import { DataApiService } from './DataApiService';
import * as types from './types';

import { UploadFile } from '../code/UploadFile';

@Component({
    selector: 'app-data-main',
    templateUrl: './Main.component.html',
    styles: [
        '.dmContent { display: flex; flex-direction: column; }',
        '.dmContent>div { flex: 0 0 auto; width: 96%; margin: auto; }',
        '.dmContent>div:first-child { border: none; border-bottom: 1px solid #99A5AD; font-size: 29px; line-height: 67px; }',
        '.dmContent>div:last-child { flex: 1 1 auto; overflow: hidden; overflow-y: auto; font-size: 14px; padding: 0px 13px; }',
        '.importWizardSection {margin: 17px; }',
        '.wizardSectionHeader { font-weight: bold; font-size: 1.25em}',
        '.wizardSectionHeader span { font-weight: bold; font-size: 1em}',
        '.wizardSectionInstructions  { padding: 7px 3px; color: #999; }',
        '.wizardSectionDetails { }',
        '.wizardSectionDetails > div { padding: 3px 0px; }',
        '.wizardSectionDetails input, select { padding: 3px 7px; border-radius: 5px;}',
        '.wizardSectionDetails input { border-width: 1px; width: 550px; }',
        '.wizardSectionDetails button { width: 550px !important; }',
        '.importError { width: 550px;  }'
    ]
})
export class MainComponent {
    importType = 'examsoft';
}