"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.allSizes = exports.allStatus = exports.allVisualStyles = exports.defaultState = void 0;
const react_1 = __importDefault(require("react"));
const TextContainer_1 = require("../TextContainer");
const TextBlock_1 = require("./TextBlock");
const meta = {
    component: TextBlock_1.TextBlock,
    title: 'checkout-web-ui/TextBlock',
};
exports.default = meta;
function Content() {
    return (<>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos
      voluptas eveniet iste reprehenderit.
    </>);
}
exports.defaultState = () => (<TextContainer_1.TextContainer>
    <TextBlock_1.TextBlock>
      <Content />
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock>
      <Content />
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock>
      <Content />
    </TextBlock_1.TextBlock>
  </TextContainer_1.TextContainer>);
exports.allVisualStyles = () => (<TextContainer_1.TextContainer>
    <TextBlock_1.TextBlock>Default</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock subdued>Subdued</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock emphasized>Emphasized</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock appearance="accent">Accent</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock subdued appearance="accent">
      Subdued accent
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock emphasized appearance="accent">
      Emphasized accent
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock appearance="critical">Critical</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock subdued appearance="critical">
      Subdued critical
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock emphasized appearance="critical">
      Emphasized critical
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock appearance="warning">Warning</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock subdued appearance="warning">
      Subdued warning
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock emphasized appearance="warning">
      Emphasized warning
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock appearance="success">Success</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock subdued appearance="success">
      Subdued success
    </TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock emphasized appearance="success">
      Emphasized success
    </TextBlock_1.TextBlock>
  </TextContainer_1.TextContainer>);
exports.allStatus = () => (<TextContainer_1.TextContainer>
    <TextBlock_1.TextBlock appearance="critical">Critical</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock appearance="warning">Warning</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock appearance="success">Success</TextBlock_1.TextBlock>
  </TextContainer_1.TextContainer>);
exports.allSizes = () => (<TextContainer_1.TextContainer>
    <TextBlock_1.TextBlock size="extraSmall">Extra small</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock size="small">Small</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock>Default</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock size="medium">Medium</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock size="large">Large</TextBlock_1.TextBlock>
    <TextBlock_1.TextBlock size="extraLarge">Extra large</TextBlock_1.TextBlock>
  </TextContainer_1.TextContainer>);