"use client";

import React, { useRef, useState } from "react";
import Photos from "../Photos";


export default function PostItem({ follow }) {
  return (
    <div className="flex">
      <img
        className="flex-none w-8 h-8 rounded-full mr-2"
        src="https://picsum.photos/seed/picsum/200/300"
        alt=""
      />
      <div className="flex-1">
        <div className="flex justify-between items-center">
          <span className="font-bold text-md">用户名</span>
          <span className="rounded-full bg-[#FFFFFF1A] px-2 py-1 text-xs text-white font-medium">
            {follow?"已关注":"关注"}
          </span>
        </div>
        <p className="mb-2 mt-3">御姐风细跟高跟鞋太绝了</p>
        <ul>
          <li>
            <Photos
              photos={[
                "https://picsum.photos/seed/picsum/200/300",
                "https://picsum.photos/cat/picsum/200/300",
                "https://picsum.photos/seed/picsum/200/300",
                "https://picsum.photos/cat/picsum/200/300",
              ]}
            />
          </li>
        </ul>
        <div className="flex justify-between items-center">
          <span className="mr-2">
            {"new" < 7
              ? `空间${
                  "new" === 0
                    ? "今日"
                    : "new" === 1
                    ? "昨日"
                    : "new" === 2
                    ? "前天"
                    : "new" + "天前"
                }有更新`
              : "1" === 2
              ? "空间今日有更新"
              : ""}
          </span>
          <div>
            <span className="mr-2 text-xs">点赞</span>
            <span className="mr-2">···</span>
          </div>
        </div>
        {/* <div className="rounded-full h-px bg-gray-200 mt-2"></div> */}
      </div>
    </div>
  );
}