<?php
    //  Menu Settings
    new \Kirki\Field\Dimensions([
        'type'        => 'dimensions',
        'settings'    => 'topbar_padding',
        'label'       => esc_html__( 'Topbar padding','blogbit'),
        'section'     => 'header_topbar_section_id',
        'description' => esc_html__( 'Type padding in with px.','blogbit'),
        'default'     => [
            'padding-top'    => '',
            'padding-bottom' => '',
        ],
    ] );

    new \Kirki\Field\Color( [
        'type'        => 'color',
        'settings'    => 'topbar_bg_color',
        'label'       => __( 'Topbar Background Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
    ] );

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'topbar_font_color',
        'label'       => __( 'Font Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
    ] );
    

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'topbar_hover_color',
        'label'       => __( 'Font Hover Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
    ] );
    

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'topbar_icon_color',
        'label'       => __( 'Contact icon Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
    ] );

    
    new \Kirki\Field\Radio_Buttonset(
        [
            'settings'    => 'topbar_social_settings',
            'label'       => esc_html__( 'Social Icons ', 'blogbit' ),
            'section'     => 'header_topbar_section_id',
            'default'     => 'normal',
            'priority'    => 10,
            'choices'     => [
                'alpha' => true,
            ],
            'choices'     => [
                'normal'   => esc_html__( 'Normal', 'blogbit' ),
                'hover' => esc_html__( 'Hover', 'blogbit' ),
            ],
        ]
    );

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'top_social_icon_color',
        'label'       => __( 'Icon Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'topbar_social_settings',
                'operator' => '==',
                'value'    => 'normal',
            ]
        ],
    ] );
    
    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'top_social_hover_color',
        'label'       => __( 'Icon Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'topbar_social_settings',
                'operator' => '==',
                'value'    => 'hover',
            ]
        ],
    ] );
    

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'top_social_icon_bg_color',
        'label'       => __( 'Background Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'topbar_social_settings',
                'operator' => '==',
                'value'    => 'normal',
            ]
        ],
    ] );

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'top_social_icon_hover_bg',
        'label'       => __( 'Background Color','blogbit'),
        'section'     => 'header_topbar_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'topbar_social_settings',
                'operator' => '==',
                'value'    => 'hover',
            ]
        ],
    ] );