<?php
/**
 * Panel and Group Typography
 *
 * @package Hair_Salon
 */

thim_customizer()->add_section(
	array(
		'id'       => 'typography',
		'panel'    => 'general',
		'priority' => 60,
		'title'    => esc_html__( 'Typography', 'eduma' ),
	)
);

// Body_Typography_Group
thim_customizer()->add_group(
	array(
		'id'       => 'body_typography',
		'section'  => 'typography',
		'priority' => 10,
		'groups'   => array(
			array(
				'id'     => 'thim_body_group',
				'label'  => esc_html__( 'Body', 'eduma' ),
				'fields' => array(
					array(
						'id'        => 'thim_font_body',
						'label'     => esc_html__( 'Body Font', 'eduma' ),
						'tooltip'   => esc_html__( 'Allows you to select all font properties of body tag for your site', 'eduma' ),
						'type'      => 'typography',
						'priority'  => 10,
						'default'   => array(
							'font-family' => 'Roboto',
							'variant'     => '400',
							'font-size'   => '15px',
							'line-height' => '1.7em',
							'color'       => '#666666',
						),
						'transport' => 'postMessage',
						'js_vars'   => array(
							array(
								'choice'   => 'font-family',
								'element'  => 'body',
								'property' => 'font-family',
							),
							array(
								'choice'   => 'variant',
								'element'  => 'body',
								'property' => 'font-weight',
							),
							array(
								'choice'   => 'font-size',
								'element'  => 'body',
								'property' => 'font-size',
							),
							array(
								'choice'   => 'line-height',
								'element'  => 'body',
								'property' => 'line-height',
							),
							array(
								'choice'   => 'color',
								'element'  => 'body',
								'property' => 'color',
							),
						),
					),
				),
			),
		),
	)
);

// Button Typography
thim_customizer()->add_field(
	array(
		'section'   => 'typography',
		'id'        => 'thim_font_button',
		'label'     => esc_html__( 'Button Typography', 'eduma' ),
		'tooltip'   => esc_html__( 'Allows you to select all font properties of button for your site', 'eduma' ),
		'type'      => 'typography',
		'priority'  => 20,
		'default'   => array(
			'variant'        => 'regular',
			'font-size'      => '14px',
			'line-height'    => '1.6em',
			'text-transform' => 'uppercase',
		),
		'transport' => 'postMessage',
	)
);
