@dnb/eufemia/components/modal/parts/CloseButton.js

DNB Eufemia Design System UI Library

"use client";

import React from 'react';
import clsx from 'clsx';
import { extendExistingPropsWithContext } from "../../../shared/component-helper.js";
import Button from "../../button/Button.js";
import Context from "../../../shared/Context.js";
import { jsx as _jsx } from "react/jsx-runtime";
function CloseButton(props) {
  const context = React.useContext(Context);
  const {
    closeTitle = null,
    size = 'default',
    iconPosition = 'left',
    className = null,
    ...buttonProps
  } = extendExistingPropsWithContext(props, {
    closeTitle: null,
    size: 'default',
    iconPosition: 'left',
    className: null
  }, context.getTranslation(props).Modal);
  return _jsx(Button, {
    type: "button",
    variant: "tertiary",
    icon: "close",
    text: closeTitle,
    size: size,
    iconPosition: iconPosition,
    className: clsx('dnb-modal__close-button', className),
    ...buttonProps
  });
}
export default CloseButton;
//# sourceMappingURL=CloseButton.js.map