Files
blitzkit/src/components/AdMidSectionResponsive.tsx
T
2024-06-13 13:26:12 -05:00

24 lines
533 B
TypeScript

import { Flex, FlexProps } from '@radix-ui/themes';
import { Ad, AdType } from './Ad';
export function AdMidSectionResponsive(props: FlexProps) {
return (
<Flex justify="center" py="4" gap="4" {...props}>
<Ad
display={{
initial: 'none',
sm: 'block',
}}
type={AdType.LeaderboardHorizontalPurple}
/>
<Ad
display={{
initial: 'block',
sm: 'none',
}}
type={AdType.MediumRectangleHorizontalPurple}
/>
</Flex>
);
}