import { base as base$1 } from '../Button/variations/_view/base.js';
import { base as base$2 } from '../Button/variations/_size/base.js';
import { base as base$3 } from '../Button/variations/_disabled/base.js';
import { base as base$4 } from '../Button/variations/_focused/base.js';
import { base as base$5 } from '../Button/variations/_blurred/base.js';
import { base as base$6 } from '../Button/variations/_stretching/base.js';
import { base } from './IconButton.styles.js';
import { buttonRoot } from '../Button/Button.js';

var iconButtonRoot = buttonRoot;
var iconButtonConfig = {
  name: 'IconButton',
  tag: 'button',
  layout: iconButtonRoot,
  base: base,
  variations: {
    view: {
      css: base$1
    },
    size: {
      css: base$2
    },
    disabled: {
      css: base$3,
      attrs: true
    },
    focused: {
      css: base$4
    },
    blurred: {
      css: base$5
    },
    stretching: {
      css: base$6
    }
  },
  defaults: {
    view: 'secondary',
    size: 'm',
    stretching: 'fixed'
  }
};

export { iconButtonConfig, iconButtonRoot };
