import { IconButton } from 'reablocks';
import {
extendTheme,
PartialReablocksTheme
} from 'reablocks';
import { ThemeProvider } from 'reablocks';
import { theme } from 'reablocks';
export default {
title: 'Components/Elements/IconButton',
component: IconButton
};
const BellIcon = () => (
);
export const Sizes = () => (
);
export const ColorsBackground = () => (
);
export const ColorsIcons = () => (
);
export const ColorsOutline = () => (
);
export const Variants = () => (
);
export const Square = () => {
const iconTheme: PartialReablocksTheme = {
components: {
button: {
iconSizes: {
small: 'p-1',
medium: 'p-2',
large: 'p-2.5'
}
}
}
};
return (
);
};