import React from "react";
import { AdminSecurityPasswordContainer } from "./index.styled";
import ButtonComponent from "../../button";
import { useNavigate } from "react-router-dom";
import useTranslation from "../../../hooks/useTranslation.jsx";
import wordStore from "../../../mc/wordStore.json";
const AdminSecurityPassword = ({ onClick }) => {
  const { findText } = useTranslation(wordStore);
  return (
    <AdminSecurityPasswordContainer>
      <div className="mng_pass_row">
        <div className="mng_box_one">
          <p className="mng_title">{findText("Manage Password")}</p>
          <p className="mng_subtitle">
            {findText("Reset or change your password")}
          </p>
        </div>

        <ButtonComponent
          text={findText("Change Password")}
          type="secondary"
          onClick={onClick}
          styles={{
            background: findText("transparent"),
            height: 44,
          }}
        />
      </div>
    </AdminSecurityPasswordContainer>
  );
};
export default AdminSecurityPassword;
