import FeatureItem from "../feature-item";

type PlanesHeaderProps = {
  features: string[];
};

const PlanesHeader = ({ features }: PlanesHeaderProps) => {
  return (
    <ul className="flex flex-wrap gap-y-2 items-center gap-x-7 px-4">
      {features.map((feature, i) => (
        <FeatureItem feature={feature} key={i} />
      ))}
    </ul>
  );
};

export default PlanesHeader;