import SessionCard, { SessionCardProps } from "./SessionCard";
import Row from "./Row";


function CardCarousel({ cardProps = [] }: { cardProps?: SessionCardProps[] }) {
    return (
        <Row style={{ justifyContent: "flex-start", overflowX: "auto", padding: "16px 0", gap: "12px" }}>
            {cardProps.map((props, idx) => (
                <SessionCard key={idx} {...props} />
            ))}
        </Row>
    );
}
export default CardCarousel;