import React from 'react';

//styles
import s from './ProfileEditable.module.scss';
//import Link from 'next/link';

interface ProfileProps {
  enumValue: string;
  value: string;
  toggle?: (enumValue: string, value: string) => void;
}

const ProfileEditable: React.FC<ProfileProps> = ({
  enumValue,
  value,
  toggle,
}) => {
  return (
    <div
      className={s.container}
      onClick={() => toggle && toggle(enumValue, value.toString())}
    >
      <p>{enumValue}</p>
      <p>{value}</p>
    </div>
  );
};

export default ProfileEditable;