"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.RatingWithStringSize = exports.RatingWithSize = exports.RatingOutOf3WithLabel = exports.RatingOutOf3 = exports.RatingNotDefined = exports.Rating5 = exports.Rating1 = exports.Rating0 = exports.CustomIcons = void 0;
var _react = _interopRequireDefault(require("react"));
var _Rating = _interopRequireDefault(require("./Rating.mdx"));
var _ = _interopRequireDefault(require("."));
var _Flexbox = _interopRequireDefault(require("../../Atoms/Flexbox"));
var _Typography = _interopRequireDefault(require("../../Atoms/Typography"));
var _Icon = _interopRequireDefault(require("../../Atoms/Icon"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var meta = {
  component: _.default,
  title: 'Molecules / Rating',
  parameters: {
    docs: {
      page: _Rating.default
    }
  }
};
var _default = exports.default = meta;
var Rating0 = exports.Rating0 = {
  args: {
    rating: 0
  }
};
var Rating1 = exports.Rating1 = {
  args: {
    rating: 1
  }
};
var Rating5 = exports.Rating5 = {
  args: {
    rating: 5
  }
};
var RatingNotDefined = exports.RatingNotDefined = {
  args: {
    rating: undefined
  }
};
var RatingWithSize = exports.RatingWithSize = {
  args: {
    rating: 3,
    size: 3
  }
};
var RatingWithStringSize = exports.RatingWithStringSize = {
  args: {
    rating: 3,
    size: 'xl'
  }
};
var RatingOutOf3 = exports.RatingOutOf3 = {
  args: {
    rating: 2,
    outOf: 3
  }
};
var CustomIcons = exports.CustomIcons = {
  args: {
    rating: 2,
    outOf: 3,
    activeIcon: _react.default.createElement(_Icon.default.Account16, {
      color: function color(t) {
        return t.color.starRatingBlue;
      }
    }),
    inactiveIcon: _react.default.createElement(_Icon.default.AddCircleFill16, {
      color: function color(t) {
        return t.color.starRatingBlueOff;
      }
    })
  }
};
var RatingOutOf3WithLabel = exports.RatingOutOf3WithLabel = function RatingOutOf3WithLabel() {
  return _react.default.createElement(_Flexbox.default, {
    container: true,
    alignItems: "center",
    justifyContent: "center",
    width: "100%",
    gap: 4,
    height: "100vh"
  }, _react.default.createElement(_Flexbox.default, {
    container: true,
    direction: "column",
    alignItems: "center",
    justifyContent: "center"
  }, _react.default.createElement(_Typography.default, {
    type: "secondary",
    weight: "bold"
  }, "12345"), _react.default.createElement(_Typography.default, {
    type: "tertiary"
  }, "label")), _react.default.createElement(_Flexbox.default, {
    container: true,
    direction: "column",
    alignItems: "center",
    justifyContent: "center"
  }, _react.default.createElement(_.default, {
    outOf: 3,
    rating: 2,
    height: "20px"
  }), _react.default.createElement(_Typography.default, {
    type: "tertiary"
  }, "this rating has a custom height")));
};