Storyden

import { PostReference } from "@/api/openapi-schema";
import { useSession } from "@/auth";
import { Byline } from "@/components/content/Byline";
import { CollectionMenu } from "@/components/content/CollectionMenu/CollectionMenu";
import { Card } from "@/components/ui/rich-card";
import { HStack } from "@/styled-system/jsx";

type Props = {
  item: PostReference;
};

export function PostRef({ item }: Props) {
  const session = useSession();

  const permalink = `/t/${item.slug}#${item.id}`;

  return (
    <Card
      id={item.id}
      title={item.title}
      text={item.description}
      url={permalink}
      shape="row"
      controls={
        session && (
          <HStack>
            <CollectionMenu account={session} thread={item} />
          </HStack>
        )
      }
    >
      <Byline
        href={permalink}
        author={item.author}
        time={new Date(item.createdAt)}
        updated={new Date(item.updatedAt)}
      />
    </Card>
  );
}