import MemberCredentialsForm from './blocks/MemberCredentialsForm';
import { useMemberCredentials } from './hooks';

const MemberCredentials = () => {
  const { error, memberCredentials, handleChange, handleSubmit } = useMemberCredentials();
  return (
    <div>
      <div className="container mx-auto p-5">
        <h1 className="text-xl font-medium leading-none text-gray-900">Member Credential</h1>
        <MemberCredentialsForm
          form={memberCredentials}
          error={error}
          onChange={handleChange}
          onSubmit={handleSubmit}
        />
      </div>
    </div>
  );
};

export default MemberCredentials;
