<SecurityForm />

import { UserDetailsElements } from '@/components/elements';

const { SecurityForm } = UserDetailsElements;

export const SecurityTab = () => {
  return (
    <SecurityForm.Root>
      <SecurityForm.CurrentPasswordInput
        label="Current Password"
        labelClassname="custom-label-class"
        inputClassname="custom-input-class"
      />
      <SecurityForm.NewPasswordInput
        label="New Password"
        labelClassname="custom-label-class"
        inputClassname="custom-input-class"
      />
      <SecurityForm.ConfirmPasswordInput
        label="Confirm Password"
        labelClassname="custom-label-class"
        inputClassname="custom-input-class"
      />
      <SecurityForm.ErrorMessage
        className="custom-error-class"
      />
      <SecurityForm.SubmitButton
        text="Update Password"
        className="custom-button-class"
      />
    </SecurityForm.Root>
  );
};