<?php
/*
Plugin Name: Button Styles
*/

global $button_styles;
$button_styles = new Button_Styles();

class Button_Styles {

	function __construct() {
		add_action( 'admin_menu', array( &$this, 'menu' ) );
	}

	function menu() {
		add_management_page( __( 'Button Styles', 'buttons' ), __( 'Button Styles', 'buttons' ), 'edit_posts', __FILE__, array( &$this, 'page' ) );
	}

	function page() {
		?><div class="wrap">
<!--
		<h2><?php _e( 'Button Styles', 'buttons' ); ?></h2>

		<?php //submit_button( $text, $type, $name, $wrap, $other_attributes ); ?>

		<div style="float: left; width: 20%;">
			<?php
				submit_button('Primary', 'button-primary');
				submit_button('Primary (hover)', 'button-primary hover');
				submit_button('Primary (focus)', 'button-primary focus');
				submit_button('Primary (active)', 'button-primary active');
				submit_button('Primary (disabled)', 'button-primary', '',  true, array('disabled' => 'disabled') );
			?>
		</div>

		<div style="float: left; width: 18%;">
			<?php
				submit_button('.button', 'button');
				submit_button('.button (hover)', 'button hover');
				submit_button('.button (focus)', 'button focus');
				submit_button('.button (active)', 'button active');
				submit_button('.button (disabled)', 'button', '',  true, array('disabled' => 'disabled') );
			?>
		</div>
-->
		<div class="clear"></div>
		<h2><?php _e( 'Button Sizes', 'buttons' ); ?></h2>

		<div style="float: left; width: 80px;">
			<p><input type="submit" class="button button-large" value="Large" /></p>
			<p><a href="#" class="button button-large">Large</a></p>
			<br>

			<p><input type="submit" class="button" value="Default" /></p>
			<p><a href="#" class="button">Default</a></p>
			<br>
			
			<p><input type="submit" class="button button-small" value="Small" /></p>
			<p><a href="#" class="button button-small">Small</a></p>
		</div>

		<div style="float: left; width: 80px;">
			<p><input type="submit" class="button button-primary button-large" value="Large" /></p>
			<p><a href="#" class="button button-primary button-large">Large</a></p>
			<br>

			<p><input type="submit" class="button button-primary" value="Default" /></p>
			<p><a href="#" class="button button-primary">Default</a></p>
			<br>
			
			<p><input type="submit" class="button button-primary button-small" value="Small" /></p>
			<p><a href="#" class="button button-primary button-small">Small</a></p>
		</div>

		</div><?php

	}

}
