suomifi-ui-components/dist/esm/reset/HtmlDetails/HtmlDetails.js

Suomi.fi UI component library

import { __makeTemplateObject, __rest, __assign } from 'tslib';
import React from 'react';
import { css, styled } from 'styled-components';
import { resets, resetWithSelectors } from '../utils/index.js';

var detailsResets = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  max-width: 100%;\n  cursor: pointer;\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  max-width: 100%;\n  cursor: pointer;\n"])), resets.normalize.html, resets.normalize.details, resetWithSelectors([':-moz-focusring', '::-moz-focus-inner', '::-webkit-file-upload-details', '::-webkit-inner-spin-details', '::-webkit-outer-spin-details']), resets.common);
var Details = function Details(_a) {
  var forwardedRef = _a.forwardedRef,
    passProps = __rest(_a, ["forwardedRef"]);
  return /*#__PURE__*/React.createElement("details", __assign({}, passProps, {
    ref: forwardedRef
  }));
};
var HtmlDetails = styled(Details).withConfig({
  componentId: "sc-18f9p0o-0"
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), detailsResets);
var templateObject_1, templateObject_2;

export { HtmlDetails };
//# sourceMappingURL=HtmlDetails.js.map