/**
 * title: "普通输入框"
 * description: "通过 size 属性设置输入框的大小，对单行输入框有效。"
 */
import React from "react";
import { Input } from "@alicloud/console-components";

const titleStyle = {
  margin: "4px 0 4px",
  color: "#1D1D1F",
  height: 20,
};

const contentStyle = {
  display: "grid",
  gridTemplateColumns: "repeat(2, 1fr)",
  gap: 36,
};

export default () => {
  return (
    <div style={contentStyle}>
      <div>
        <div style={titleStyle}>默认</div>
        <Input placeholder="请输入内容" size="medium" />
      </div>
      <div>
        <div style={titleStyle}>大号</div>
        <Input placeholder="请输入内容" size="large" />
      </div>
      <div>
        <div style={titleStyle}>小号</div>
        <Input placeholder="请输入内容" size="small" />
      </div>
    </div>
  );
};