"use client"; import React from "react"; import { cn } from "@/lib/utils"; const sizeMap = { sm: { width: "150px", spineTranslation: "122px" }, default: { width: "196px", spineTranslation: "168px" }, lg: { width: "300px", spineTranslation: "272px" }, }; interface PerspectiveBookProps { size?: "sm" | "default" | "lg"; className?: string; children: React.ReactNode; textured?: boolean; } export function PerspectiveBook({ size = "default", className = "", children, textured = false, }: PerspectiveBookProps) { const defaultColorClasses = 'bg-neutral-100 dark:bg-[#1f1f1f] dark:before:content-[""] dark:before:bg-gradient-to-b dark:before:from-[#ffffff1a] dark:before:to-transparent dark:before:absolute dark:before:inset-0 dark:before:rounded-[inherit] text-primary'; return (

{/* Front Side */}

{children}

{textured && (

)}

{/* Spine */}

{/* Back Side */}

); } interface BookHeaderProps { children: React.ReactNode; className?: string; } export function BookHeader({ children, className = "", }: BookHeaderProps) { return (

{children}

); } interface BookTitleProps { children: React.ReactNode; className?: string; } export function BookTitle({ children, className = "", }: BookTitleProps) { return (

{children}

); } interface BookDescriptionProps { children: React.ReactNode; className?: string; } export function BookDescription({ children, className = "", }: BookDescriptionProps) { return (

{children}

); } export default PerspectiveBook;