renderButtonPanel function

Component renderButtonPanel(
  1. ButtonPanelProps props
)

Renders a button panel component.

Implementation

Component renderButtonPanel(ButtonPanelProps props) {
  final String effectivePadding =
      props.padding?.padding ?? '8px 0';

  return dom.div(
    classes: 'arcane-button-panel',
    styles: dom.Styles(raw: {
      'display': 'flex',
      'flex-wrap': 'wrap',
      'justify-content': props.mainAxisAlignment.css,
      'align-items': 'center',
      'gap': '${props.gap}px',
      'padding': effectivePadding,
    }),
    props.children,
  );
}