import { ButtonComponent, ComponentTypes, SectionComponent, TextDisplayComponent, ThumbnailComponent } from "oceanic.js";

import { childrenToArray } from "./utils";

export interface SectionProps {
    children: TextDisplayComponent[]
    accessory: ThumbnailComponent | ButtonComponent;
}

export function Section(props: SectionProps): SectionComponent {
    return {
        type: ComponentTypes.SECTION,
        components: childrenToArray(props.children),
        ...props
    };
}