"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.allIcons = exports.allSizes = exports.color = exports.defaultState = void 0;
const react_1 = __importDefault(require("react"));
const InlineStack_1 = require("../InlineStack");
const Icon_1 = require("./Icon");
const meta = {
    component: Icon_1.Icon,
    title: 'checkout-web-ui/Icon',
};
exports.default = meta;
exports.defaultState = () => <Icon_1.Icon source="questionFill"/>;
exports.color = () => (<InlineStack_1.InlineStack>
    <Icon_1.Icon source="questionFill" size="large" appearance="accent"/>
    <Icon_1.Icon source="questionFill" size="large" appearance="interactive"/>
    <Icon_1.Icon source="questionFill" size="large" appearance="subdued"/>
    <Icon_1.Icon source="questionFill" size="large" appearance="info"/>
    <Icon_1.Icon source="questionFill" size="large" appearance="success"/>
    <Icon_1.Icon source="questionFill" size="large" appearance="warning"/>
    <Icon_1.Icon source="questionFill" size="large" appearance="critical"/>
  </InlineStack_1.InlineStack>);
exports.allSizes = () => (<InlineStack_1.InlineStack>
    <Icon_1.Icon source="cart" size="small"/>
    <Icon_1.Icon source="cart" size="base"/>
    <Icon_1.Icon source="cart" size="large"/>
  </InlineStack_1.InlineStack>);
exports.allIcons = () => (<InlineStack_1.InlineStack wrap>
    <Icon_1.Icon source="arrowLeft" size="large"/>
    <Icon_1.Icon source="arrowRight" size="large"/>
    <Icon_1.Icon source="camera" size="large"/>
    <Icon_1.Icon source="cancelCircle" size="large"/>
    <Icon_1.Icon source="caretDown" size="large"/>
    <Icon_1.Icon source="cart" size="large"/>
    <Icon_1.Icon source="checkmark" size="large"/>
    <Icon_1.Icon source="chevronDown" size="large"/>
    <Icon_1.Icon source="chevronUp" size="large"/>
    <Icon_1.Icon source="chevronRight" size="large"/>
    <Icon_1.Icon source="chevronLeft" size="large"/>
    <Icon_1.Icon source="close" size="large"/>
    <Icon_1.Icon source="critical" size="large"/>
    <Icon_1.Icon source="discount" size="large"/>
    <Icon_1.Icon source="delivered" size="large"/>
    <Icon_1.Icon source="delivery" size="large"/>
    <Icon_1.Icon source="disabled" size="large"/>
    <Icon_1.Icon source="errorFill" size="large"/>
    <Icon_1.Icon source="external" size="large"/>
    <Icon_1.Icon source="geolocation" size="large"/>
    <Icon_1.Icon source="giftFill" size="large"/>
    <Icon_1.Icon source="info" size="large"/>
    <Icon_1.Icon source="list" size="large"/>
    <Icon_1.Icon source="locateMe" size="large"/>
    <Icon_1.Icon source="lock" size="large"/>
    <Icon_1.Icon source="map" size="large"/>
    <Icon_1.Icon source="marker" size="large"/>
    <Icon_1.Icon source="minus" size="large"/>
    <Icon_1.Icon source="mobile" size="large"/>
    <Icon_1.Icon source="plus" size="large"/>
    <Icon_1.Icon source="questionFill" size="large"/>
    <Icon_1.Icon source="spinner" size="large"/>
    <Icon_1.Icon source="store" size="large"/>
    <Icon_1.Icon source="success" size="large"/>
    <Icon_1.Icon source="truck" size="large"/>
    <Icon_1.Icon source="warning" size="large"/>
    <Icon_1.Icon source="warningCircle" size="large"/>
    <Icon_1.Icon source="warningFill" size="large"/>
  </InlineStack_1.InlineStack>);
