import React from 'react';
import docs from './Rating.mdx';
import Rating from '.';
import Flexbox from '../../Atoms/Flexbox';
import Typography from '../../Atoms/Typography';
import Icon from '../../Atoms/Icon';
var meta = {
  component: Rating,
  title: 'Molecules / Rating',
  parameters: {
    docs: {
      page: docs
    }
  }
};
export default meta;
export var Rating0 = {
  args: {
    rating: 0
  }
};
export var Rating1 = {
  args: {
    rating: 1
  }
};
export var Rating5 = {
  args: {
    rating: 5
  }
};
export var RatingNotDefined = {
  args: {
    rating: undefined
  }
};
export var RatingWithSize = {
  args: {
    rating: 3,
    size: 3
  }
};
export var RatingWithStringSize = {
  args: {
    rating: 3,
    size: 'xl'
  }
};
export var RatingOutOf3 = {
  args: {
    rating: 2,
    outOf: 3
  }
};
export var CustomIcons = {
  args: {
    rating: 2,
    outOf: 3,
    activeIcon: React.createElement(Icon.Account16, {
      color: function color(t) {
        return t.color.starRatingBlue;
      }
    }),
    inactiveIcon: React.createElement(Icon.AddCircleFill16, {
      color: function color(t) {
        return t.color.starRatingBlueOff;
      }
    })
  }
};
export var RatingOutOf3WithLabel = function RatingOutOf3WithLabel() {
  return React.createElement(Flexbox, {
    container: true,
    alignItems: "center",
    justifyContent: "center",
    width: "100%",
    gap: 4,
    height: "100vh"
  }, React.createElement(Flexbox, {
    container: true,
    direction: "column",
    alignItems: "center",
    justifyContent: "center"
  }, React.createElement(Typography, {
    type: "secondary",
    weight: "bold"
  }, "12345"), React.createElement(Typography, {
    type: "tertiary"
  }, "label")), React.createElement(Flexbox, {
    container: true,
    direction: "column",
    alignItems: "center",
    justifyContent: "center"
  }, React.createElement(Rating, {
    outOf: 3,
    rating: 2,
    height: "20px"
  }), React.createElement(Typography, {
    type: "tertiary"
  }, "this rating has a custom height")));
};