import React from 'react';
import ExhibitionPiece from './ExhibitionPiece';
import FavoriteButton from './FavoriteButton';
import DropDown from './DropDown';
import NavButton from './NavButton';
import '../Style/ArtPage.css';


type props = {
  pageId: number; // The id of the page
}

class ArtPage extends React.Component<props> {

  constructor(props: props) {
    super(props);
  }

  render() {
    return (
      <div className={'artpage'}>
        <FavoriteButton/>
        <DropDown/>
        <ExhibitionPiece artId={this.props.pageId}/>
        <div className={'navbutton left'}>
          <NavButton/>
        </div>
        <div className={'navbutton right'}>
          <NavButton/>
        </div>
      </div>
    );
  }
}

export default ArtPage;