decentraland-ui/dist/components/Radio/Radio.stories.js

Decentraland's UI components and styles

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Toggle = exports.Options = exports.Unchecked = exports.Checked = void 0;
var react_1 = __importDefault(require("react"));
var Radio_1 = require("./Radio");
var Row_1 = require("../Row/Row");
var meta = {
    title: 'Radio',
    component: Radio_1.Radio
};
exports.default = meta;
exports.Checked = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Radio_1.Radio, { checked: true, label: "Yes" }))); }
};
exports.Unchecked = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Radio_1.Radio, { checked: false, label: "No" }))); }
};
exports.Options = {
    render: function () { return (react_1.default.createElement(Row_1.Row, { stacked: true },
        react_1.default.createElement(Radio_1.Radio, { checked: true, label: "Yes" }),
        react_1.default.createElement(Radio_1.Radio, { checked: false, label: "No" }),
        react_1.default.createElement(Radio_1.Radio, { label: "Abstain" }))); }
};
exports.Toggle = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Radio_1.Radio, { toggle: true, label: "ON SALE" }))); }
};