import * as React from 'react';

import s from './ProfileDetails.module.scss';

interface IProfileDetailsProps {
  children: React.ReactNode;
  detail: any;
  headers?: any;
}

export const ProfileDetails = ({ children, detail }: IProfileDetailsProps) => {
  return (
    <div className={s.profileDetails}>
      {children && <div className={s.profileDetails__content}>{children}</div>}

      {detail && (
        <div className={s.profileDetails__detail} id="detail">
          {detail}
        </div>
      )}
    </div>
  );
};