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

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 Disabled = (): JSXElement => (<div style={wrapperStyle}>
    <Switch disabled label="Unchecked and disabled"/>
    <Switch checked disabled label="Checked and disabled"/>
    <Switch disabledFocusable label="Unchecked and disabled focusable"/>
    <Switch checked disabledFocusable label="Checked and disabled focusable"/>
  </div>);

export default Disabled;