import React from 'react'
import * as Template from './styled'

function defaultTemplate() {
  return (
    <Template.MyaccountWrapperArea>
      <Template.MyaccountHeaderArea>
        <Template.MyaccountHeaderTopArea />
        <Template.MyaccountHeaderBottomArea />
      </Template.MyaccountHeaderArea>

      <Template.MyaccountContentArea>
        <Template.MyaccountAsideTabArea />
        <Template.MyaccountTabContentArea />
      </Template.MyaccountContentArea>
    </Template.MyaccountWrapperArea>
  )
}

class MyAccountTemplate extends React.PureComponent {
  render() {
    const renderItems = defaultTemplate()
    return renderItems
  }
}

export { MyAccountTemplate }
export default MyAccountTemplate