import * as React from "react";
import { i18n } from '@fishx/i18n';
import { Cell, Grid } from "@webiny/ui/Grid";
import { Typography } from "@webiny/ui/Typography";
import { Switch } from "@webiny/ui/Switch";
import { Footer as FooterStyled } from "./StyledComponents";
import { css } from "emotion";
var switchStyle = /*#__PURE__*/css({
  "&.webiny-ui-switch": {
    marginRight: "0"
  }
}, "label:switchStyle;");

var Footer = function Footer(_ref) {
  var advanced = _ref.advanced,
      toggleAdvanced = _ref.toggleAdvanced;
  return /*#__PURE__*/React.createElement(FooterStyled, {
    className: "bg-transparent"
  }, /*#__PURE__*/React.createElement(Grid, {
    className: "no-bottom-padding"
  }, /*#__PURE__*/React.createElement(Cell, {
    span: 8
  }, /*#__PURE__*/React.createElement(Typography, {
    use: "subtitle2"
  }, i18n('PAGEBUIDER_SETTINGS_SHOW_ADVANCED'))), /*#__PURE__*/React.createElement(Cell, {
    span: 4
  }, /*#__PURE__*/React.createElement(Switch, {
    className: switchStyle,
    value: advanced,
    onChange: toggleAdvanced
  }))));
};

export default /*#__PURE__*/React.memo(Footer);
//# sourceMappingURL=Footer.js.map