var _templateObject, _templateObject2, _templateObject3, _templateObject4;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { PC, FV } from '@filerobot/common';
import { Modal as SfxModal, Label as SfxLabel } from '@scaleflex/ui/core';
import styled from 'styled-components';
var Modal = styled(SfxModal)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .SfxModal-root {\n    overflow: auto;\n  }\n\n  .SfxModalTitle-root {\n    background: ", ";\n    text-align: center;\n    padding: 22px 24px;\n  }\n\n  .SfxModalTitle-LabelPrimary {\n    ", "\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .SfxCrossButton-root {\n    margin: 6px;\n  }\n\n  .SfxModalContent-root {\n    padding: 24px;\n    overflow: auto;\n  }\n\n  .SfxModalActions-root {\n    padding: 24px;\n    gap: 12px;\n    border-top: 1px solid ", ";\n\n    .SfxButton-root {\n      min-width: 120px;\n      margin-left: 0;\n    }\n  }\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.BackgroundStateless];
}, function (_ref2) {
  var font = _ref2.theme.typography.font;
  return font[FV.LabelLargeUp];
}, function (_ref3) {
  var palette = _ref3.theme.palette;
  return palette[PC.BordersSecondary];
});
var Container = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n"])));
var FirstRow = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n\n  > * {\n    flex: 1;\n\n    :first-child {\n      flex: 2;\n    }\n  }\n"])));
var Label = styled(SfxLabel)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n\n  .SfxLabel-text {\n    display: flex;\n    align-items: center;\n\n    svg {\n      margin-left: 4px;\n    }\n  }\n"])), function (_ref4) {
  var $withMarginBottom = _ref4.$withMarginBottom;
  return $withMarginBottom ? 'margin-bottom: 16px;' : '';
});
var Styled = {
  Container: Container,
  Modal: Modal,
  FirstRow: FirstRow,
  Label: Label
};
export default Styled;