/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-2800b6c
 * Released under the MIT license.
 */

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from '../../components/actions/index.js';
import { tasty, useGlobalStyles } from '../../tasty/index.js';
export const StyledButton = tasty(Button, {
    styles: {
        padding: '3x 6x',
        preset: 't1',
        fill: 'okhsl(200 40% 80%)',
    },
});
export function GlobalStyledHeading() {
    useGlobalStyles('.myButton', {
        display: 'inline-block',
        padding: '1x 2x',
        preset: 't2',
        border: true,
        radius: true,
        fill: {
            '': '#white',
            ':hover': '#purple.20',
        },
        color: '#dark',
    });
    return null;
}
export function Block() {
    return (_jsxs(_Fragment, { children: [_jsx(StyledButton, { children: "123" }), _jsx(GlobalStyledHeading, {})] }));
}

        