feat: create componente dead

src/components/DeadComponent/DeadComponent.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DeadComponent } from "./DeadComponent"
+
+export type Story = StoryObj<typeof DeadComponent>
+
+const meta: Meta<typeof DeadComponent> = {
+  title: 'Components/DeadComponent',
+  component: DeadComponent,
+} satisfies Meta<typeof DeadComponent>
+
+export default meta;
+
+export const Default: Story = {}

src/components/DeadComponent/DeadComponent.test.tsx

@@ -0,0 +1,8 @@
+import { render } from '@testing-library/react';
+import { DeadComponent } from './DeadComponent';
+
+test('renders DeadComponent', () => {
+  const { getByText } = render(<DeadComponent />);
+  const element = getByText(/DeadComponent/i);
+  expect(element).toBeInTheDocument();
+});

src/components/DeadComponent/DeadComponent.tsx

@@ -0,0 +1,12 @@
+export const DeadComponent = () => {
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      <div className="bg-[#261537] w-full sm:w-[620px] h-[62px] rounded-[8px] p-4 sm:p-12 flex items-center justify-start">
+        <div className="text-[#E6D5F7] text-xl sm:text-3xl flex items-center">
+          <span className="text-[#9888A8] mr-5">08:00</span>
+          <p>Abertura</p>
+        </div>
+      </div>
+    </div>
+  );
+};

src/components/DeadComponent/index.ts

@@ -0,0 +1,3 @@
+import { DeadComponent } from "./DeadComponent"
+
+export { DeadComponent }