import PalmCard from "../PalmCard/PalmCard";
import Grid from "../ui/Grid/Grid"
import Section from "../ui/Section/Section"
import styles from "./PalmSection.module.scss"

const palms = [
    { title: "Palm" },
    { title: "Palm" },
    { title: "Palm" },
    { title: "Palm" },
    { title: "Palm" },
];

export default function PalmSection() {
    return (
        <Section title="Palm" contentClassName={styles.sectionContent}>
            <Grid columns={5}>
                {palms.map((palm, index) => (
                    <PalmCard key={index} {...palm} />
                ))}
            </Grid>
        </Section>
    )
}