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

import { Text } from "@coreai-ds/react-components";
import { Divider } from "@coreai-ds/react-components";

export const Default = () => {
    const styles = /* css */ `
      .divider-example {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacingVerticalM);
        max-width: 480px;
      }
    `;
    return (<>
        <style>{styles}</style>
        <div className="divider-example">
          <Text as="p" block>
            Q3 revenue grew 12% year-over-year, driven primarily by increased adoption in the
            enterprise segment.
          </Text>
          <Divider />
          <Text as="p" block>
            Looking ahead to Q4, the team is prioritizing platform stability and onboarding
            improvements for new customers.
          </Text>
        </div>
      </>);
};

export default Default;