import React from 'react';

class Student extends React.Component{
    render(){
        return(
        <div>
            
            <Searchscores st_Midscore={this.props.st_Midscore} 
            st_Finalscore = {this.props.st_Finalscore}
            st_Assignscore = {this.props.st_Assignscore}
            st_Attendscore = {this.props.st_Attendscore}/>

            <Searchscore st_Score={this.props.st_Score}/>

            <Searchothers st_Midscore={this.props.st_Midscore} 
            st_Finalscore = {this.props.st_Finalscore}
            st_Assignscore = {this.props.st_Assignscore}
            st_Attendscore = {this.props.st_Attendscore}
            st_Score = {this.props.st_Score}/>

        </div>
        )
    }
}

class Searchscores extends React.Component{
    render(){
        return(
            <div>

            <p>{this.props.st_Midscore}</p>
            <p>{this.props.st_Finalscore}</p>
            <p>{this.props.st_Assignscore}</p>
            <p>{this.props.st_Attendscore}</p>

            </div> 
        )
    }
}


class Searchscore extends React.Component{
    render(){
        return(
            <div>
              <p>{this.props.st_Score}</p>
            </div> 
        )
    }
}

class Searchothers extends React.Component{
    render(){
        return(
            <div>
            <p>{this.props.st_Midscore}</p>
            <p>{this.props.st_Finalscore}</p>
            <p>{this.props.st_Assignscore}</p>
            <p>{this.props.st_Attendscore}</p>
            <p>{this.props.st_Score}</p>
            </div> 
        )
    }
}

export default Student;