import * as React from 'react'
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import {render, screen} from '@testing-library/react'
import * as Corner from '../Corner'

import {Corners} from '..'
import {vi} from 'vitest'

vi.spyOn(Corner, `Corner`)

describe(`Corners`, () => {
  it(`renders default corners with no props supplied`, () => {
    render(<Corners />)
    expect(Corner.Corner).toHaveBeenCalledTimes(4)
  })

  it(`can render custom corners`, () => {
    const CornerComponent = vi.fn(() => <div>test</div>)
    render(<Corners CornerComponent={CornerComponent} />)
    expect(CornerComponent).toHaveBeenCalledTimes(4)
  })
})