'use client';

import IconFont from '@/components/ui/iconFont';
import ScrollBox from './ScrollBox';
import { useState } from 'react';

interface StoryContentProps {
  story?: any;
  search?: string;
}
export default function StoryContent(props: StoryContentProps) {
  const { story } = props;

  const [open, setOpen] = useState<boolean>(false);

  const cList = [123, 123, 123, 123, 123, 123, 123, 123];

  return (
    <div className="w-full max-w-full min-w-0">
      <div className="flex w-full min-w-0 items-center justify-between gap-2 mb-3">
        <span className="txt-title-m line-clamp-1 min-w-0 text-[rgba(208,232,255,1)]">
          The Bossy CEO's Contract Lover
        </span>
        <div
          onClick={() => setOpen(true)}
          className="cursor-pointer flex items-center gap-1 shrink-0"
        >
          <span>More</span>
          <IconFont type="icon-jiantou" />
        </div>
      </div>
      <ScrollBox contentClassName="inline-flex w-max gap-3">
        {cList.map((item, index) => (
          <div
            className="flex-shrink-0 w-40 h-55 bg-gray-800/40 rounded-lg flex items-center justify-center"
            key={`Item-${index}`}
          >
            {item}
          </div>
        ))}
      </ScrollBox>
    </div>
  );
}
