import { ActiveTab } from "../../constants/activeTab"
import { ButtonGeneralProperties } from "./buttonGeneral"
import { ButtonActionProperties } from "./buttonAction"
import type { ButtonComponent } from "../../types/component"

interface ButtonPropertyProps {
    activeTab: number
    selectingComponent: ButtonComponent
}

export function ButtonProperty({
    activeTab,
    selectingComponent
}: ButtonPropertyProps) {

    if (activeTab === ActiveTab.GENERAL)
        return <ButtonGeneralProperties
            selectingComponent={selectingComponent}
        />

    if (activeTab === ActiveTab.STYLE)
        return <div></div>

    if (activeTab === ActiveTab.ACTION)
        return <ButtonActionProperties
            selectingComponent={selectingComponent}
        />

}