Astryx Icon Button

'use client';

import {IconButton} from '@/components/ui/astryx-icon-button';
import {Icon} from '@astryxdesign/core/Icon';

// Standalone setup (matches apps/example-vite): the Theme provider sets
// data-astryx-theme and injects the neutral theme tokens the @scope'd CSS needs.
import {Theme} from '@astryxdesign/core/theme';
import {neutralTheme} from '@astryxdesign/theme-neutral/built';

export default function IconButtonShowcase() {
  return (
    <Theme theme={neutralTheme}>
    <div data-astryx-theme="neutral">
    <IconButton
      label="Settings"
      icon={<Icon icon="wrench" color="inherit" />}
    />
    </div>
    </Theme>
  );
}