# depicter/1.2.0/app/src/Document/Models/Elements/PlayAndPause.php

Depicter — Popup &amp; Slider Builder, version 1.2.0. 33 lines.

- Page: https://pluginprobe.com/plugins/depicter/1.2.0/code/app/src/Document/Models/Elements/PlayAndPause.php
- Raw: https://pluginprobe.com/plugins/depicter/1.2.0/raw/app/src/Document/Models/Elements/PlayAndPause.php
- Modified: 2022-06-01T06:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/depicter/1.2.0/code/app/src/Document/Models/Elements/PlayAndPause.php#L10-L20`.

```php
<?php
namespace Depicter\Document\Models\Elements;

use Depicter\Html\Html;

class PlayAndPause extends Svg {

	/**
	 * render play and pause markup
	 * @return \TypeRocket\Html\Html|void
	 */
	public function render() {
		$args = $this->getDefaultAttributes();

		$playIcon  = $this->options->playIcon;
		$pauseIcon = $this->options->content;

		$playIcon  = str_replace('<svg ', '<svg class="depicter-play-icon" ', $playIcon );
		$pauseIcon = str_replace('<svg ', '<svg class="depicter-pause-icon" ', $pauseIcon );

		return Html::div( $args, "\n" . $playIcon . "\n" . $pauseIcon . "\n" );
	}

	/**
	 * Get svg selector
	 *
	 * @return string
	 */
	public function getSvgSelector() {
		return '.' . $this->getSelector() . ' svg';
	}
}

```
