<?php 


    // Typography Controls

    new \Kirki\Field\Typography( [
        'type'        => 'typography',
        'settings'    => 'body_font',
        'label'       => esc_html__( 'Body Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-family'    => 'DM Sans',
            'variant'        => 'regular',
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => [ 'body', 'p' ],
            ],
        ],
    ] );

    new \Kirki\Field\Typography( [
        'type'        => 'typography',
        'settings'    => 'heading_font',
        'label'       => esc_html__( 'Heading Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-family'    => 'Urbanist',
            'variant'        => '700',
            'text-transform' => '',
            'subsets'       => array( 'latin' ),
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => 'h1,h2,h3,h4,h5,h6',
            ],
        ],
        
    ] );
    
    
    Kirki::add_field( 'db_theme_config_id', [
        'type'        => 'typography',
        'settings'    => 'h1_font',
        'label'       => esc_html__( 'Heading H1 Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => 'h1',
            ],
        ],
    ] );

    new \Kirki\Field\Typography( [
        'type'        => 'typography',
        'settings'    => 'h2_font',
        'label'       => esc_html__( 'Heading H2 Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'output'      => [
            [
                'element' => 'h2',
            ],
        ],
    ] );

    new \Kirki\Field\Typography( [
        'type'        => 'typography',
        'settings'    => 'h3_font',
        'label'       => esc_html__( 'Heading H3 Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fondb' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => 'h3',
            ],
        ],
    ] );


    new \Kirki\Field\Typography([
        'type'        => 'typography',
        'settings'    => 'h4_font',
        'label'       => esc_html__( 'Heading H4 Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => 'h4',
            ],
        ],
    ] );


    new \Kirki\Field\Typography([
        'type'        => 'typography',
        'settings'    => 'h5_font',
        'label'       => esc_html__( 'Heading H5 Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => 'h5',
            ],
        ],
    ] );


    new \Kirki\Field\Typography([
        'type'        => 'typography',
        'settings'    => 'h6_font',
        'label'       => esc_html__( 'Heading H6 Font','blogbit'),
        'description' => esc_html__( 'Use font size & line height with px/rem/pt', 'blogbit' ),
        'section'     => 'typo_section_id',
        'default'     => [
            'font-size'      => '',
            'line-height'    => '',
        ],
        'choices' => [
            'fonts' => [
                'standard' => [ 'serif', 'sans-serif' ],
            ],
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => 'h6',
            ],
        ],
    ] );