import { cn } from '@/lib/utils'; import React from 'react'; interface BookProps { children: React.ReactNode; color?: string; textColor?: string; texture?: boolean; depth?: number; variant?: 'default' | 'simple'; illustration?: React.ReactNode; width?: number; } export function Book(props: BookProps) { const { children, color = '#f50537', depth, texture, variant = 'default', textColor, illustration, width, } = props; return (

{variant !== 'simple' && (

{illustration && (

{illustration}

)} )}

{children}

{texture && (

)}

); } import { ComponentProps } from 'react'; type FlexAlignItems = 'stretch' | 'start' | 'end' | 'center'; type FlexJustifyContent = | 'stretch' | 'start' | 'end' | 'space-between' | 'space-around' | 'space-evenly' | 'center'; interface StackProps extends ComponentProps<'div'> { children: React.ReactNode; direction?: 'column' | 'row'; align?: FlexAlignItems; justify?: FlexJustifyContent; gap?: number; padding?: number; grow?: boolean; shrink?: boolean; wrap?: boolean; className?: string; } function Stack(props: StackProps) { const { children, shrink = false, grow = false, justify = 'start', align = 'start', wrap = false, padding = 0, gap = 0, direction = 'column', className, ...etc } = props; return (

{children}

); } export { Book, Stack }