import Image from "next/image";

import { santas } from "@santa/index";

interface SantaProps {
    height: number
}
export function Santa({ ...props} : SantaProps) {
    if (props.height <= 0 || props.height > 24) {
        return <div className={"w-[100px] bg-blue-500"}/>
    }
    return (
        <div className="flex flex-col items-center">
            <Image src={santas[props.height - 1]} alt={"Santa"} width={100} height={200}/>
        </div>
    )
}