<?php
/**
 * WeCodeArt Framework
 *
 * WARNING: This file is part of the core WeCodeArt Framework. DO NOT edit this file under any circumstances.
 * Please do all modifications in the form of a child theme.
 *
 * @package		WeCodeArt Framework
 * @subpackage  Styles\Components
 * @copyright   Copyright (c) 2025, WeCodeArt Framework
 * @since		6.1.7
 * @version		6.4.5
 */

namespace WeCodeArt\Support\Styles\Components;

defined( 'ABSPATH' ) || exit;

use function WeCodeArt\Functions\get_prop;

/**
 * Transition Styles
 */
class Transition extends Base {
	/**
     * Component's Style Deps.
     *
     * @var     array
     */
    static $deps = [];

    /**
	 * Component styles.
	 *
	 * @return 	string
	 */
	public static function styles(): string {
		return <<<CSS
			.fade {
				transition: opacity 0.15s linear;
			}

			.fade:not(.show) {
				opacity: 0;
			}

			.collapse:not(.show) {
				display: none;
			}

			.collapsing {
				height: 0;
				overflow: hidden;
				transition: height 0.35s ease;
			}

			.collapsing.collapse-horizontal {
				width: 0;
				height: auto;
				transition: width 0.35s ease;
			}

			@media (prefers-reduced-motion:reduce) {
				:is(.fade,.collapsing,.collapsing.collapse-horizontal) {
					transition: none;
				}
			}
		CSS;
	}
}
