remove deprecated ContentCard

Author: jsladerman

src/components/ContentCard.tsx

@@ -46,7 +46,6 @@ export { default as Code } from './components/Code'
 export { default as CodeEditor } from './components/CodeEditor'
 export { default as Codeline } from './components/Codeline'
 export { ComboBox } from './components/ComboBox'
-export { default as ContentCard } from './components/ContentCard'
 export { default as Date } from './components/Date'
 export { default as Divider } from './components/Divider'
 export { default as EmptyState } from './components/EmptyState'

src/index.ts

@@ -3,9 +3,9 @@ import { useState } from 'react'
 
 import ErrorIcon from '../components/icons/ErrorIcon'
 
-import ContentCard from '../components/ContentCard'
 import Tab from '../components/Tab'
 import SubTab from '../components/SubTab'
+import Card from '../components/Card'
 
 export default {
   title: 'Tab',
@@ -182,18 +182,25 @@ function SubTabTemplate(args: any) {
       gap="large"
     >
       <SubTabs {...args} />
-      <ContentCard>
+      <Card style={contentCardStyle}>
         <SubTabs {...args} />
-      </ContentCard>
-      <ContentCard fillLevel={2}>
+      </Card>
+      <Card style={contentCardStyle}>
         <SubTabs {...args} />
-      </ContentCard>
-      <ContentCard fillLevel={3}>
+      </Card>
+      <Card style={contentCardStyle}>
         <SubTabs {...args} />
-      </ContentCard>
+      </Card>
     </Flex>
   )
 }
+const contentCardStyle = {
+  padding: 32,
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
+}
 
 export const Subtab = SubTabTemplate.bind({})