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

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

export const ActiveAppearance = (): JSXElement => (<div style={{ display: 'flex', gap: '20px' }}>
    <Avatar active="active" activeAppearance="ring" name="Ring"/>
    <Avatar active="active" activeAppearance="shadow" name="Shadow"/>
    <Avatar active="active" activeAppearance="ring-shadow" name="Ring Shadow"/>
  </div>);

export default ActiveAppearance;