import {StatusBar} from 'expo-status-bar'

import {
  Provider,
  createThemes,
  DEFAULT_PALETTE,
  DEFAULT_SUBDUED_PALETTE,
} from '@bsky.app/alf'

import {Spec} from './Spec'

export default function App() {
  const themes = createThemes({
    defaultPalette: DEFAULT_PALETTE,
    subduedPalette: DEFAULT_SUBDUED_PALETTE,
  })
  return (
    <Provider activeTheme="light" themes={themes}>
      <StatusBar style="auto" />
      <Spec />
    </Provider>
  )
}