"use client";

import React from "react";
import { useRouter } from "next/navigation";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
  faAngleLeft,
  faTv,
  faImages,
  faSpa,
} from "@fortawesome/free-solid-svg-icons";
export default function Editprofile() {
  const router = useRouter();

  return (
    <div>
      {/* 头部标题 */}
      <div className="p-4 fixed top-0 z-10 w-full bg-black">
        <div className="w-9 h-9 flex items-center justify-center bg-[#FFFFFF1A] rounded-full absolute">
          <FontAwesomeIcon
            icon={faAngleLeft}
            style={{ maxWidth: "12px" }}
            size="xl"
            onClick={() => {
              router.back();
            }}
          />
        </div>
        <p className="text-base text-center leading-9">编辑资料</p>
      </div>
      {/* 内容 */}
      <div className="mt-16 pt-6 p-4 grid grid-cols-2 gap-6">
        <div
          className="flex flex-col justify-center items-center"
          onClick={() => {
            router.push("editprofile/editHome");
          }}
        >
          {/* <FontAwesomeIcon
            icon={
              
            }
            style={{ maxWidth: "34px", height: "40px" }}
            size="2xl"
          /> */}
          <div className="max-w-[34px] h-[34px]">
            <svg
              t="1729854993572"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="14167"
              width="34"
              height="34"
            >
              <path
                d="M512 0c282.675692 0 512 229.324308 512 512s-229.324308 512-512 512S0 794.675692 0 512 229.324308 0 512 0z m0 78.769231c-239.170462 0-433.230769 194.060308-433.230769 433.230769s194.060308 433.230769 433.230769 433.230769 433.230769-194.060308 433.230769-433.230769S751.170462 78.769231 512 78.769231z"
                fill="#ffffff"
                p-id="14168"
              ></path>
              <path
                d="M768 75.298462c21.752615 0 39.384615 17.632 39.384615 39.384615V610.461538c0 21.752615-17.632 39.384615-39.384615 39.384616s-39.384615-17.632-39.384615-39.384616V114.683077c0-21.752615 17.632-39.384615 39.384615-39.384615z"
                fill="#ffffff"
                p-id="14169"
              ></path>
              <path
                d="M944.777846 377.984c15.382154-15.379692 40.32-15.379692 55.699692 0 15.379692 15.382154 15.379692 40.32 0 55.699692l-362.166153 362.166154c-15.382154 15.379692-40.32 15.379692-55.699693 0-15.379692-15.382154-15.379692-40.32 0-55.699692l362.166154-362.166154z"
                fill="#ffffff"
                p-id="14170"
              ></path>
              <path
                d="M909.316923 728.615385c21.752615 0 39.384615 17.632 39.384615 39.384615s-17.632 39.384615-39.384615 39.384615H413.538462c-21.752615 0-39.384615-17.632-39.384616-39.384615s17.632-39.384615 39.384616-39.384615h495.778461z"
                fill="#ffffff"
                p-id="14171"
              ></path>
              <path
                d="M235.854769 590.316308c15.382154-15.379692 40.32-15.379692 55.699693 0l354.461538 354.461538c15.379692 15.382154 15.379692 40.32 0 55.699692-15.382154 15.379692-40.32 15.379692-55.699692 0l-354.461539-354.461538c-15.379692-15.382154-15.379692-40.32 0-55.699692z"
                fill="#ffffff"
                p-id="14172"
              ></path>
              <path
                d="M256 374.153846c21.752615 0 39.384615 17.632 39.384615 39.384616v492.307692c0 21.752615-17.632 39.384615-39.384615 39.384615s-39.384615-17.632-39.384615-39.384615V413.538462c0-21.752615 17.632-39.384615 39.384615-39.384616z"
                fill="#ffffff"
                p-id="14173"
              ></path>
              <path
                d="M377.984 235.854769c15.382154-15.379692 40.32-15.379692 55.699692 0 15.379692 15.382154 15.379692 40.32 0 55.699693l-354.461538 354.461538c-15.382154 15.379692-40.32 15.379692-55.699692 0-15.379692-15.382154-15.379692-40.32 0-55.699692l354.461538-354.461539z"
                fill="#ffffff"
                p-id="14174"
              ></path>
              <path
                d="M590.769231 216.615385c21.752615 0 39.384615 17.632 39.384615 39.384615s-17.632 39.384615-39.384615 39.384615H114.683077c-21.752615 0-39.384615-17.632-39.384615-39.384615s17.632-39.384615 39.384615-39.384615H590.769231z"
                fill="#ffffff"
                p-id="14175"
              ></path>
              <path
                d="M377.984 23.522462c15.382154-15.379692 40.32-15.379692 55.699692 0l362.166154 362.166153c15.379692 15.382154 15.379692 40.32 0 55.699693-15.382154 15.379692-40.32 15.379692-55.699692 0l-362.166154-362.166154c-15.379692-15.382154-15.379692-40.32 0-55.699692z"
                fill="#ffffff"
                p-id="14176"
              ></path>
            </svg>
          </div>
          <span className="text-[#FFFFFF80] font-medium text-sm mt-2">
            编辑主页
          </span>
        </div>
        <div
          className="flex flex-col justify-center items-center"
          onClick={() => {
            router.push("editprofile/editPlace");
          }}
        >
          <FontAwesomeIcon
            icon={faTv}
            style={{ maxWidth: "34px", height: "40px" }}
            size="2xl"
          />
          <span className="text-[#FFFFFF80] font-medium text-sm mt-2">
            编辑平台
          </span>
        </div>
        <div
          className="flex flex-col justify-center items-center"
          onClick={() => {
            router.push("/space/setting/spaceIntroSetting/editStreamerMedia");
          }}
        >
          <div className="max-w-[34px] h-[34px]">
            <svg
              t="1729854877748"
              class="icon"
              viewBox="0 0 1170 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="6279"
              width="34"
              height="34"
            >
              <path
                d="M146.285714 0h731.533713C958.454855 0.235429 1023.764569 65.545143 1023.999998 146.285714v36.571428h-73.142857V146.390857C950.742855 105.988571 918.013712 73.259428 877.714284 73.142857H146.390857C105.988571 73.257143 73.259428 105.986285 73.142857 146.285714v585.037713C73.257143 771.725713 105.986285 804.454855 146.285714 804.571427h36.571428v73.142857H146.180571C65.545143 877.478855 0.235429 812.169141 0 731.42857V146.180571C0.235429 65.545143 65.545143 0.235429 146.285714 0z"
                fill="#ffffff"
                p-id="6280"
              ></path>
              <path
                d="M1028.594283 182.857142c78.253714 0 141.691428 63.437714 141.691429 141.691429v557.759998c0 78.253714-63.437714 141.691428-141.691429 141.691429H324.548571C246.294857 1023.999998 182.857142 960.562284 182.857142 882.308569V324.548571C182.857142 246.294857 246.294857 182.857142 324.548571 182.857142h704.045712z m0 73.142857H324.548571c-37.858286 0-68.548571 30.690286-68.548572 68.548572v557.759998c0 37.858286 30.690286 68.548571 68.548572 68.548572h704.045712c37.858286 0 68.548571-30.690286 68.548572-68.548572V324.548571c0-37.858286-30.690286-68.548571-68.548572-68.548572z"
                fill="#ffffff"
                p-id="6281"
              ></path>
              <path
                d="M852.38857 322.491428c58.982857 0 106.902857 47.577143 106.902856 106.4 0 58.822857-47.92 106.4-106.902856 106.399999-58.982857 0-106.902857-47.577143-106.902857-106.399999 0-58.822857 47.92-106.4 106.902857-106.4z m0 73.142857c-18.704 0-33.76 14.948571-33.76 33.257143 0 18.308571 15.056 33.257143 33.76 33.257142s33.76-14.948571 33.759999-33.257142c0-18.308571-15.056-33.257143-33.759999-33.257143zM462.27657 549.855999c42.292571-37.243428 106.194285-35.410286 146.326857 4.24l199.2 197.462856c14.345143 14.217143 14.445714 37.373714 0.228571 51.718857-14.221714 14.345143-37.376 14.445714-51.721143 0.228572l-199.156571-197.421714c-12.754286-12.601143-33.083428-13.184-46.514285-1.357714l-267.017142 235.588571c-15.145143 13.362286-38.253714 11.917714-51.618286-3.227429-13.362286-15.147429-11.917714-38.256 3.227429-51.620571l267.04457-235.611428z"
                fill="#ffffff"
                p-id="6282"
              ></path>
              <path
                d="M851.622855 692.29257c39.168-38.628571 101.188571-41.426286 143.757714-6.413714l161.645714 133.737142c15.563429 12.875429 17.741714 35.929143 4.866286 51.490286-12.875429 15.563429-35.929143 17.741714-51.490286 4.866285l-161.565714-133.668571c-13.558857-11.154286-33.353143-10.262857-45.769142 1.981715l-271.062857 269.097142c-14.331429 14.228571-37.488 14.146286-51.718857-0.189714-14.228571-14.331429-14.146286-37.488 0.189714-51.718857l271.147428-269.181714z"
                fill="#ffffff"
                p-id="6283"
              ></path>
            </svg>
          </div>
          <span className="text-[#FFFFFF80] font-medium text-sm mt-2">
            照片墙
          </span>
        </div>
      </div>
    </div>
  );
}
