# extendify/1.6.1/src/Chat/components/ChatButton.js

Extendify, version 1.6.1. 21 lines.

- Page: https://pluginprobe.com/plugins/extendify/1.6.1/code/src/Chat/components/ChatButton.js
- Raw: https://pluginprobe.com/plugins/extendify/1.6.1/raw/src/Chat/components/ChatButton.js
- Modified: 2023-05-05T16:36:06+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/extendify/1.6.1/code/src/Chat/components/ChatButton.js#L10-L20`.

```javascript
import { __ } from '@wordpress/i18n'
import { Icon } from '@wordpress/icons'
import { chevron, robot } from '@chat/svg'

export const ChatButton = ({ showDialog, onClick }) => {
    return (
        <div className="fixed bottom-6 right-6">
            <button
                type="button"
                className="rounded-full outline-none border-none bg-design-main flex items-center p-3 cursor-pointer hover:bg-design-dark"
                aria-label={__('AI Chat', 'extendify')}
                onClick={onClick}>
                <Icon
                    icon={showDialog ? chevron : robot}
                    className="text-design-text fill-current w-6 h-6"
                />
            </button>
        </div>
    )
}

```