// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { SwitchProps } from "@coreai-ds/react-components";
import type { JSXElement } from "@coreai-ds/react-components";
import * as React from 'react';
import { Switch } from "@coreai-ds/react-components";

const wrapperStyle: React.CSSProperties = {
    display: 'flex',
    flexDirection: 'column',
};

export const Size = (props: SwitchProps): JSXElement => {
    return (<div style={wrapperStyle}>
      <Switch label="Small" size="small" {...props}/>
      <Switch label="Medium" size="medium" {...props}/>
    </div>);
};

export default Size;