import { ArgsTable, Meta, Story } from "@storybook/addon-docs";
import { ComponentInfo, Preview, Tagline } from "@stories/components";
import { Footer, InnerFooter } from "@components/placeholders";

<Meta
    title="Placeholders/Footer"
    id="footer"
/>

# Footer

<Tagline>A placeholder for an header section.</Tagline>

<ComponentInfo
    usage={"import { Footer } from \"@sharegate/orbit-ui\";"}
    githubPath="/packages/components/src/placeholders/src"
/>

## Usage

A folder placeholder component *provides no specific styling by itself, but receives styling from the parent container*. In addition, a footer placeholder will be automatically placed within the container's layout according to Orbit guidelines.

<Preview>
    <Story name="example">
        <Footer>&copy; All rights reserved.</Footer>
    </Story>
</Preview>

## API

### Header

<ComponentInfo
    usage={"import { Footer } from \"@sharegate/orbit-ui\";"}
    inherits={[InnerFooter.defaultElement, "styled-component"]}
    compact
/>

<ArgsTable of={InnerFooter} sort="alpha" />
