/**
 * Copyright (c) Ladifire, Inc. And its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */ import * as React from 'react' ; import stylex from '@ladifire-opensource/stylex' ; import { ChildComponent } from './ChildComponent' ; import { CometCard } from './components-shared-version/Card' ; import { Text } from './components-shared-version/Text' ; import { DedupeExample } from './examples/dedupe' ; import { ResponsiveExample } from './examples/responsive' ; import { KeyframesExample } from './examples/keyframes' ; import { ThemingExamples } from './examples/theming' ; import './test.css' ; type Style = 'root' | 'card' ; const styles = stylex . create < Style > ( { root : { display : 'flex' , flexDirection : 'column' , maxWidth : 850 , marginTop : 0 , marginBottom : 0 , marginLeft : 'auto' , marginRight : 'auto' } , card : { padding : 16 } } ) ; stylex . inject ( '.a55dalm2{background-color:red}' ) ; export default ( ) => ( < div className = { stylex ( styles . root ) } > < CometCard dropShadow = { 1 } background = "white" xstyle = { styles . card } > < h1 > < Text > Stylex Reactjs examples < /Text> < /h1> < hr / > < div > < ChildComponent /> < /div> < div > < h3 > < Text > Dedupe examples < /Text> < /h3> < DedupeExample / > < /div> < div > < h3 > < Text > Keyframes examples < /Text> < /h3> < KeyframesExample / > < /div> < div > < h3 > < Text > Responsive examples < /Text> < /h3> < ResponsiveExample / > < /div> < div > < h3 > < Text > Theming examples < /Text> < /h3> < ThemingExamples / > < /div> < /CometCard> < /div>);