import React from "react";

import styles from "@/app/(Admin)/dashboard/settings/setting.module.css";
import Link from "next/link";
import { BsArrowLeft } from "react-icons/bs";

const SettingLayout = ({ children }) => {
  return (
    <div className={styles.container}>
      <div className={styles.header}>
        <Link
          className={styles.back}
          href="/dashboard">
          <BsArrowLeft /> back
        </Link>
      </div>
      <div className={styles.body}>
        <div className={styles.content}>
          <div className={styles.content_header}>
            <div className={styles.content_title}>
              <h3>Settings</h3>
              <p>
                Manage your website. Be careful change settings, it can break
                your website if you don`t know what you are doing.
              </p>
            </div>
          </div>
          <div className={styles.content_body}>{children}</div>
        </div>
      </div>
    </div>
  );
};

export default SettingLayout;
