## IconButton
An implementation of an IconButton for TPAs
By default the IconButton will pull the theme from the site (site colors),

## Theme properties (All are optional)

| propName   | propType | defaultValue                     | description                    |
|------------|----------|----------------------------------|--------------------------------|
| IconColor  | string   | color-5                          | The color of the icon border   |
| BackgroundColor  | string   | color-1                          | The color of the icon background when using box theme   |

In order to override the theme, use Wix Stylable `extends` capabilities and wrap with stylable HOC:

1. create an stylable file (e.g. IconButtonExt.st.css)
    ``` css
    :import {
      -st-from: "../IconButton.st.css";
      -st-default: TPAIconButton;
    }
    
    .root {
      -st-mixin: TPAIconButton(
        IconColor '"color(--iconColor)"',
        BackgroundColor '"color(--backgroundColor)"'
      );
    }
    ```

2. Create a component that uses it
    ``` javascript
    import * as React from 'react';
    import { classes } from './IconButtonExt.st.css';
    import { Share } from '@wix/wix-ui-icons-common/on-stage';
    import { IconButton } from 'wix-ui-tpa/IconButton';
    
    export class IconButtonExtendedExample extends React.Component {
      render = () => (
        <IconButton
          icon={<Share />}
          {...this.props}
          className={classes.root} 
        />
      );
    }
    ```