const css = `
  :root {
    --story-container-width: auto;
  }

  @media (min-width: 641px) {
    :root {
      --story-container-width: 626px;
    }
  }

  .story-container {
    width: var(--story-container-width);
  }
`;

export const StoryContainer = (props: Record<string, unknown>) => (
  <>
    <style>{css}</style>
    <div className="story-container" {...props} />
  </>
);
