import * as tslib_1 from "tslib";
import { create, tsx } from '@dojo/framework/core/vdom';
import Button from '../button/index';
import * as floatingActionButtonCss from '../theme/default/floating-action-button.m.css';
import * as buttonCss from '../theme/default/button.m.css';
import theme from '../middleware/theme';
const factory = create({ theme }).properties();
export const FloatingActionButton = factory(function FloatingActionButton({ properties, children, middleware: { theme } }) {
    const _a = properties(), { size = 'normal' } = _a, props = tslib_1.__rest(_a, ["size"]);
    const classes = theme.classes(floatingActionButtonCss);
    return (tsx(Button, Object.assign({}, props, { theme: theme.compose(buttonCss, floatingActionButtonCss), classes: {
            '@dojo/widgets/button': {
                root: [
                    size === 'extended' && classes.extended,
                    size === 'small' && classes.small
                ]
            }
        } }),
        tsx("span", { aria: "hidden", classes: classes.effect }),
        children()));
});
export default FloatingActionButton;

/*# sourceMappingURL=index.mjs.map*/