import React from "react";
import { ContentTree } from "@financial-times/content-tree";
import { ContentLayout } from "../../ContentLayout";
import { ContentProps } from '../../types'

interface InfoBoxProps extends ContentProps<Omit<ContentTree.InfoBox, 'children'>> {}

const InfoBox: React.FC<React.PropsWithChildren<InfoBoxProps>> = ({ content: { layoutWidth }, children }) => {
    return (
        <ContentLayout dataLayout={layoutWidth}>
            <div className="cp-info-box">{children}</div>
        </ContentLayout>
    );
}

export default InfoBox;
